diff --git a/CustomView.xcodeproj/project.pbxproj b/CustomView.xcodeproj/project.pbxproj
index 73ab43a..217382a 100644
--- a/CustomView.xcodeproj/project.pbxproj
+++ b/CustomView.xcodeproj/project.pbxproj
@@ -15,6 +15,7 @@
 		92949A602295DBF8008EE240 /* ProgressCircleView.swift in Sources */ = {isa = PBXBuildFile; fileRef = 92949A5F2295DBF8008EE240 /* ProgressCircleView.swift */; };
 		92949A622295E067008EE240 /* ProgressBarView.swift in Sources */ = {isa = PBXBuildFile; fileRef = 92949A612295E067008EE240 /* ProgressBarView.swift */; };
 		92FB2169229A55C5000AF93E /* ProgressBarViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = 92FB2168229A55C5000AF93E /* ProgressBarViewController.swift */; };
+		B69A63E7229DB608004A1EF1 /* UIColorExtension.swift in Sources */ = {isa = PBXBuildFile; fileRef = B69A63E6229DB608004A1EF1 /* UIColorExtension.swift */; };
 /* End PBXBuildFile section */
 
 /* Begin PBXFileReference section */
@@ -28,6 +29,7 @@
 		92949A5F2295DBF8008EE240 /* ProgressCircleView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ProgressCircleView.swift; sourceTree = "<group>"; };
 		92949A612295E067008EE240 /* ProgressBarView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ProgressBarView.swift; sourceTree = "<group>"; };
 		92FB2168229A55C5000AF93E /* ProgressBarViewController.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ProgressBarViewController.swift; sourceTree = "<group>"; };
+		B69A63E6229DB608004A1EF1 /* UIColorExtension.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = UIColorExtension.swift; sourceTree = "<group>"; };
 /* End PBXFileReference section */
 
 /* Begin PBXFrameworksBuildPhase section */
@@ -69,6 +71,7 @@
 		92949A4B2295DAF3008EE240 /* CustomView */ = {
 			isa = PBXGroup;
 			children = (
+				B69A63E5229DB5EF004A1EF1 /* Extensions */,
 				9270CB38229A5DBA000A31AB /* Controllers */,
 				92949A5E2295DB10008EE240 /* Views */,
 				92949A4C2295DAF3008EE240 /* AppDelegate.swift */,
@@ -89,6 +92,14 @@
 			path = Views;
 			sourceTree = "<group>";
 		};
+		B69A63E5229DB5EF004A1EF1 /* Extensions */ = {
+			isa = PBXGroup;
+			children = (
+				B69A63E6229DB608004A1EF1 /* UIColorExtension.swift */,
+			);
+			path = Extensions;
+			sourceTree = "<group>";
+		};
 /* End PBXGroup section */
 
 /* Begin PBXNativeTarget section */
@@ -165,6 +176,7 @@
 				92FB2169229A55C5000AF93E /* ProgressBarViewController.swift in Sources */,
 				92949A602295DBF8008EE240 /* ProgressCircleView.swift in Sources */,
 				92949A4D2295DAF3008EE240 /* AppDelegate.swift in Sources */,
+				B69A63E7229DB608004A1EF1 /* UIColorExtension.swift in Sources */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
diff --git a/CustomView.xcodeproj/project.xcworkspace/xcshareddata/WorkspaceSettings.xcsettings b/CustomView.xcodeproj/project.xcworkspace/xcshareddata/WorkspaceSettings.xcsettings
new file mode 100644
index 0000000..0c67376
--- /dev/null
+++ b/CustomView.xcodeproj/project.xcworkspace/xcshareddata/WorkspaceSettings.xcsettings
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict/>
+</plist>
diff --git a/CustomView.xcodeproj/project.xcworkspace/xcuserdata/nicolau.xcuserdatad/UserInterfaceState.xcuserstate b/CustomView.xcodeproj/project.xcworkspace/xcuserdata/nicolau.xcuserdatad/UserInterfaceState.xcuserstate
new file mode 100644
index 0000000..452f936
Binary files /dev/null and b/CustomView.xcodeproj/project.xcworkspace/xcuserdata/nicolau.xcuserdatad/UserInterfaceState.xcuserstate differ
diff --git a/CustomView.xcodeproj/project.xcworkspace/xcuserdata/nicolau.xcuserdatad/WorkspaceSettings.xcsettings b/CustomView.xcodeproj/project.xcworkspace/xcuserdata/nicolau.xcuserdatad/WorkspaceSettings.xcsettings
new file mode 100644
index 0000000..f25782d
--- /dev/null
+++ b/CustomView.xcodeproj/project.xcworkspace/xcuserdata/nicolau.xcuserdatad/WorkspaceSettings.xcsettings
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>BuildLocationStyle</key>
+	<string>UseAppPreferences</string>
+	<key>CustomBuildLocationType</key>
+	<string>RelativeToDerivedData</string>
+	<key>DerivedDataLocationStyle</key>
+	<string>Default</string>
+	<key>EnabledFullIndexStoreVisibility</key>
+	<false/>
+	<key>IssueFilterStyle</key>
+	<string>ShowActiveSchemeOnly</string>
+	<key>LiveSourceIssuesEnabled</key>
+	<true/>
+</dict>
+</plist>
diff --git a/CustomView.xcodeproj/xcuserdata/nicolau.xcuserdatad/xcschemes/xcschememanagement.plist b/CustomView.xcodeproj/xcuserdata/nicolau.xcuserdatad/xcschemes/xcschememanagement.plist
new file mode 100644
index 0000000..2a99e1a
--- /dev/null
+++ b/CustomView.xcodeproj/xcuserdata/nicolau.xcuserdatad/xcschemes/xcschememanagement.plist
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>SchemeUserState</key>
+	<dict>
+		<key>CustomView.xcscheme_^#shared#^_</key>
+		<dict>
+			<key>orderHint</key>
+			<integer>0</integer>
+		</dict>
+	</dict>
+</dict>
+</plist>
diff --git a/CustomView/Base.lproj/Main.storyboard b/CustomView/Base.lproj/Main.storyboard
index 4b8cb5b..3999cb4 100644
--- a/CustomView/Base.lproj/Main.storyboard
+++ b/CustomView/Base.lproj/Main.storyboard
@@ -55,7 +55,7 @@
                                             <subviews>
                                                 <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="Y0j-bi-2ZE" customClass="ProgressCircleView" customModule="CustomView" customModuleProvider="target">
                                                     <rect key="frame" x="0.0" y="8" width="414" height="192"/>
-                                                    <color key="backgroundColor" white="1" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+                                                    <color key="backgroundColor" white="0.0" alpha="0.0" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
                                                     <userDefinedRuntimeAttributes>
                                                         <userDefinedRuntimeAttribute type="color" keyPath="progressColor">
                                                             <color key="value" red="1" green="0.2527923882" blue="1" alpha="0.48747859589041098" colorSpace="custom" customColorSpace="sRGB"/>
@@ -77,6 +77,56 @@
                                                         </userDefinedRuntimeAttribute>
                                                     </userDefinedRuntimeAttributes>
                                                 </view>
+                                                <view contentMode="scaleToFill" fixedFrame="YES" translatesAutoresizingMaskIntoConstraints="NO" id="eNM-RD-kYY" customClass="ProgressCircleView" customModule="CustomView" customModuleProvider="target">
+                                                    <rect key="frame" x="146" y="8" width="122" height="192"/>
+                                                    <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                                                    <color key="backgroundColor" white="0.0" alpha="0.0" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+                                                    <userDefinedRuntimeAttributes>
+                                                        <userDefinedRuntimeAttribute type="color" keyPath="progressColor">
+                                                            <color key="value" red="1" green="0.25098039215686274" blue="1" alpha="0.48747859589999998" colorSpace="custom" customColorSpace="sRGB"/>
+                                                        </userDefinedRuntimeAttribute>
+                                                        <userDefinedRuntimeAttribute type="number" keyPath="progressValue">
+                                                            <real key="value" value="0.25"/>
+                                                        </userDefinedRuntimeAttribute>
+                                                        <userDefinedRuntimeAttribute type="number" keyPath="targetValue">
+                                                            <real key="value" value="0.75"/>
+                                                        </userDefinedRuntimeAttribute>
+                                                        <userDefinedRuntimeAttribute type="number" keyPath="circleWidth">
+                                                            <real key="value" value="30"/>
+                                                        </userDefinedRuntimeAttribute>
+                                                        <userDefinedRuntimeAttribute type="color" keyPath="circleColor">
+                                                            <color key="value" red="0.92143100499999997" green="0.92145264149999995" blue="0.92144101860000005" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+                                                        </userDefinedRuntimeAttribute>
+                                                        <userDefinedRuntimeAttribute type="color" keyPath="targetColor">
+                                                            <color key="value" red="0.66274509803921566" green="0.66274509803921566" blue="0.66274509803921566" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+                                                        </userDefinedRuntimeAttribute>
+                                                    </userDefinedRuntimeAttributes>
+                                                </view>
+                                                <view contentMode="scaleToFill" fixedFrame="YES" translatesAutoresizingMaskIntoConstraints="NO" id="2G3-Jm-iVN" customClass="ProgressCircleView" customModule="CustomView" customModuleProvider="target">
+                                                    <rect key="frame" x="181" y="19" width="52" height="170"/>
+                                                    <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                                                    <color key="backgroundColor" white="0.0" alpha="0.0" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+                                                    <userDefinedRuntimeAttributes>
+                                                        <userDefinedRuntimeAttribute type="color" keyPath="progressColor">
+                                                            <color key="value" red="1" green="0.25098039215686274" blue="1" alpha="0.48747859589999998" colorSpace="custom" customColorSpace="sRGB"/>
+                                                        </userDefinedRuntimeAttribute>
+                                                        <userDefinedRuntimeAttribute type="number" keyPath="progressValue">
+                                                            <real key="value" value="0.25"/>
+                                                        </userDefinedRuntimeAttribute>
+                                                        <userDefinedRuntimeAttribute type="number" keyPath="targetValue">
+                                                            <real key="value" value="0.75"/>
+                                                        </userDefinedRuntimeAttribute>
+                                                        <userDefinedRuntimeAttribute type="number" keyPath="circleWidth">
+                                                            <real key="value" value="30"/>
+                                                        </userDefinedRuntimeAttribute>
+                                                        <userDefinedRuntimeAttribute type="color" keyPath="circleColor">
+                                                            <color key="value" red="0.92156862745098034" green="0.92156862745098034" blue="0.92156862745098034" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+                                                        </userDefinedRuntimeAttribute>
+                                                        <userDefinedRuntimeAttribute type="color" keyPath="targetColor">
+                                                            <color key="value" red="0.66274509803921566" green="0.66274509803921566" blue="0.66274509803921566" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+                                                        </userDefinedRuntimeAttribute>
+                                                    </userDefinedRuntimeAttributes>
+                                                </view>
                                             </subviews>
                                             <constraints>
                                                 <constraint firstItem="Y0j-bi-2ZE" firstAttribute="leading" secondItem="iHX-3l-oVj" secondAttribute="leading" id="2KX-0f-Btl"/>
@@ -93,13 +143,13 @@
                                             <rect key="frame" x="0.0" y="0.0" width="414" height="44"/>
                                             <autoresizingMask key="autoresizingMask"/>
                                             <subviews>
-                                                <slider opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" value="25" minValue="0.0" maxValue="75" translatesAutoresizingMaskIntoConstraints="NO" id="Q8n-NL-f4d">
+                                                <slider opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" value="25" minValue="0.0" maxValue="50" translatesAutoresizingMaskIntoConstraints="NO" id="Q8n-NL-f4d">
                                                     <rect key="frame" x="154" y="7" width="242" height="31"/>
                                                     <connections>
                                                         <action selector="widthChange:" destination="5iR-vg-JBg" eventType="valueChanged" id="xVs-NF-C4Z"/>
                                                     </connections>
                                                 </slider>
-                                                <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Width [0 - 75]" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" minimumScaleFactor="0.5" translatesAutoresizingMaskIntoConstraints="NO" id="nya-Lz-6pb">
+                                                <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Width [0 - 50]" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" minimumScaleFactor="0.5" translatesAutoresizingMaskIntoConstraints="NO" id="nya-Lz-6pb">
                                                     <rect key="frame" x="28" y="11" width="120" height="22"/>
                                                     <constraints>
                                                         <constraint firstAttribute="width" relation="greaterThanOrEqual" constant="120" id="Otq-MX-aMb"/>
@@ -197,6 +247,115 @@
                                     </tableViewCell>
                                 </cells>
                             </tableViewSection>
+                            <tableViewSection headerTitle="Desafio" id="LgL-pY-iNc">
+                                <cells>
+                                    <tableViewCell clipsSubviews="YES" contentMode="scaleToFill" preservesSuperviewLayoutMargins="YES" selectionStyle="default" indentationWidth="10" id="9gb-sF-4ic">
+                                        <rect key="frame" x="0.0" y="544" width="414" height="44"/>
+                                        <autoresizingMask key="autoresizingMask"/>
+                                        <tableViewCellContentView key="contentView" opaque="NO" clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="center" preservesSuperviewLayoutMargins="YES" insetsLayoutMarginsFromSafeArea="NO" tableViewCell="9gb-sF-4ic" id="Jhf-QK-dxz">
+                                            <rect key="frame" x="0.0" y="0.0" width="414" height="44"/>
+                                            <autoresizingMask key="autoresizingMask"/>
+                                            <subviews>
+                                                <segmentedControl opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="left" contentVerticalAlignment="top" segmentControlStyle="plain" selectedSegmentIndex="0" translatesAutoresizingMaskIntoConstraints="NO" id="fYQ-Da-GZ3">
+                                                    <rect key="frame" x="20" y="8" width="374" height="29"/>
+                                                    <segments>
+                                                        <segment title="Bronze"/>
+                                                        <segment title="Prata"/>
+                                                    </segments>
+                                                    <color key="tintColor" red="0.57874745130000005" green="0.32151988149999999" blue="0.0" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+                                                    <connections>
+                                                        <action selector="challengeChanged:" destination="5iR-vg-JBg" eventType="valueChanged" id="bZE-fx-4d0"/>
+                                                    </connections>
+                                                </segmentedControl>
+                                            </subviews>
+                                            <constraints>
+                                                <constraint firstItem="fYQ-Da-GZ3" firstAttribute="leading" relation="lessThanOrEqual" secondItem="Jhf-QK-dxz" secondAttribute="leading" constant="20" id="B4v-Za-oLh"/>
+                                                <constraint firstAttribute="trailing" relation="lessThanOrEqual" secondItem="fYQ-Da-GZ3" secondAttribute="trailing" constant="20" id="KNp-dM-DRD"/>
+                                                <constraint firstItem="fYQ-Da-GZ3" firstAttribute="centerY" secondItem="Jhf-QK-dxz" secondAttribute="centerY" id="dgN-AZ-ZpO"/>
+                                                <constraint firstItem="fYQ-Da-GZ3" firstAttribute="centerX" secondItem="Jhf-QK-dxz" secondAttribute="centerX" id="yDS-by-jXx"/>
+                                            </constraints>
+                                        </tableViewCellContentView>
+                                    </tableViewCell>
+                                </cells>
+                            </tableViewSection>
+                            <tableViewSection headerTitle="Cores" id="tKo-6e-Vsl">
+                                <cells>
+                                    <tableViewCell clipsSubviews="YES" contentMode="scaleToFill" preservesSuperviewLayoutMargins="YES" selectionStyle="default" indentationWidth="10" id="a8o-0d-mJ9">
+                                        <rect key="frame" x="0.0" y="644" width="414" height="44"/>
+                                        <autoresizingMask key="autoresizingMask"/>
+                                        <tableViewCellContentView key="contentView" opaque="NO" clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="center" preservesSuperviewLayoutMargins="YES" insetsLayoutMarginsFromSafeArea="NO" tableViewCell="a8o-0d-mJ9" id="GaQ-8J-buX">
+                                            <rect key="frame" x="0.0" y="0.0" width="414" height="44"/>
+                                            <autoresizingMask key="autoresizingMask"/>
+                                            <subviews>
+                                                <stackView opaque="NO" contentMode="scaleToFill" distribution="equalSpacing" spacing="10" translatesAutoresizingMaskIntoConstraints="NO" id="8sj-yb-cjc">
+                                                    <rect key="frame" x="20" y="7" width="374" height="30"/>
+                                                    <subviews>
+                                                        <stackView opaque="NO" contentMode="scaleToFill" spacing="8" translatesAutoresizingMaskIntoConstraints="NO" id="SJF-me-u8l">
+                                                            <rect key="frame" x="0.0" y="0.0" width="82" height="30"/>
+                                                            <subviews>
+                                                                <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="roundedRect" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="tSf-CQ-V7s">
+                                                                    <rect key="frame" x="0.0" y="0.0" width="30" height="30"/>
+                                                                    <color key="backgroundColor" red="0.92156862745098034" green="0.92156862745098034" blue="0.92156862745098034" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+                                                                    <connections>
+                                                                        <action selector="colorChange:" destination="5iR-vg-JBg" eventType="touchUpInside" id="Snm-Vf-s54"/>
+                                                                    </connections>
+                                                                </button>
+                                                                <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Circle" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="nz9-JC-fH4">
+                                                                    <rect key="frame" x="38" y="0.0" width="44" height="30"/>
+                                                                    <fontDescription key="fontDescription" type="system" pointSize="17"/>
+                                                                    <nil key="textColor"/>
+                                                                    <nil key="highlightedColor"/>
+                                                                </label>
+                                                            </subviews>
+                                                        </stackView>
+                                                        <stackView opaque="NO" contentMode="scaleToFill" spacing="8" translatesAutoresizingMaskIntoConstraints="NO" id="SjN-xG-Mg6">
+                                                            <rect key="frame" x="131.5" y="0.0" width="106" height="30"/>
+                                                            <subviews>
+                                                                <button opaque="NO" tag="1" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="roundedRect" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="vNq-sv-u4x">
+                                                                    <rect key="frame" x="0.0" y="0.0" width="30" height="30"/>
+                                                                    <color key="backgroundColor" red="1" green="0.25098039215686274" blue="1" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+                                                                    <connections>
+                                                                        <action selector="colorChange:" destination="5iR-vg-JBg" eventType="touchUpInside" id="8lx-nA-5vf"/>
+                                                                    </connections>
+                                                                </button>
+                                                                <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Progress" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="iR6-wm-CnT">
+                                                                    <rect key="frame" x="38" y="0.0" width="68" height="30"/>
+                                                                    <fontDescription key="fontDescription" type="system" pointSize="17"/>
+                                                                    <nil key="textColor"/>
+                                                                    <nil key="highlightedColor"/>
+                                                                </label>
+                                                            </subviews>
+                                                        </stackView>
+                                                        <stackView opaque="NO" contentMode="scaleToFill" spacing="8" translatesAutoresizingMaskIntoConstraints="NO" id="1qr-kM-ihA">
+                                                            <rect key="frame" x="287" y="0.0" width="87" height="30"/>
+                                                            <subviews>
+                                                                <button opaque="NO" tag="2" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="roundedRect" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="tlA-hw-eoV">
+                                                                    <rect key="frame" x="0.0" y="0.0" width="30" height="30"/>
+                                                                    <color key="backgroundColor" red="0.66274509803921566" green="0.66274509803921566" blue="0.66274509803921566" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+                                                                    <connections>
+                                                                        <action selector="colorChange:" destination="5iR-vg-JBg" eventType="touchUpInside" id="7gT-Ig-eQR"/>
+                                                                    </connections>
+                                                                </button>
+                                                                <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Target" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="7Rs-JC-duF">
+                                                                    <rect key="frame" x="38" y="0.0" width="49" height="30"/>
+                                                                    <fontDescription key="fontDescription" type="system" pointSize="17"/>
+                                                                    <nil key="textColor"/>
+                                                                    <nil key="highlightedColor"/>
+                                                                </label>
+                                                            </subviews>
+                                                        </stackView>
+                                                    </subviews>
+                                                </stackView>
+                                            </subviews>
+                                            <constraints>
+                                                <constraint firstItem="8sj-yb-cjc" firstAttribute="leading" secondItem="GaQ-8J-buX" secondAttribute="leading" constant="20" id="QMs-wl-QEn"/>
+                                                <constraint firstItem="8sj-yb-cjc" firstAttribute="centerY" secondItem="GaQ-8J-buX" secondAttribute="centerY" id="gNe-1x-2Rw"/>
+                                                <constraint firstAttribute="trailing" secondItem="8sj-yb-cjc" secondAttribute="trailing" constant="20" id="reX-DW-DSd"/>
+                                            </constraints>
+                                        </tableViewCellContentView>
+                                    </tableViewCell>
+                                </cells>
+                            </tableViewSection>
                         </sections>
                         <connections>
                             <outlet property="dataSource" destination="5iR-vg-JBg" id="9wa-G4-8wo"/>
@@ -205,15 +364,17 @@
                     </tableView>
                     <tabBarItem key="tabBarItem" title="Circle" image="cicle" selectedImage="cicleSelected" id="gtV-i6-qP3"/>
                     <connections>
-                        <outlet property="progressCircleView" destination="Y0j-bi-2ZE" id="RfR-EA-jIc"/>
+                        <outlet property="largestProgressCircleView" destination="Y0j-bi-2ZE" id="RfR-EA-jIc"/>
+                        <outlet property="mediumProgressCircleView" destination="eNM-RD-kYY" id="fGR-Uq-uEh"/>
                         <outlet property="progressSlider" destination="LnG-Y8-C5N" id="F4D-Sf-vHY"/>
+                        <outlet property="smallerProgressCircleView" destination="2G3-Jm-iVN" id="oxB-5t-4Bc"/>
                         <outlet property="targetSlider" destination="g78-nB-pd6" id="B2x-1b-VAU"/>
                         <outlet property="widthSlider" destination="Q8n-NL-f4d" id="DmN-qb-ZFR"/>
                     </connections>
                 </tableViewController>
                 <placeholder placeholderIdentifier="IBFirstResponder" id="f7H-Sn-JKP" userLabel="First Responder" sceneMemberID="firstResponder"/>
             </objects>
-            <point key="canvasLocation" x="848" y="143"/>
+            <point key="canvasLocation" x="847.82608695652175" y="142.63392857142856"/>
         </scene>
         <!--Bar-->
         <scene sceneID="5Hn-u6-Q9Z">
@@ -385,6 +546,87 @@
                                     </tableViewCell>
                                 </cells>
                             </tableViewSection>
+                            <tableViewSection headerTitle="Colors" id="nvl-2c-9aJ">
+                                <cells>
+                                    <tableViewCell clipsSubviews="YES" contentMode="scaleToFill" preservesSuperviewLayoutMargins="YES" selectionStyle="default" indentationWidth="10" id="dc3-WL-VyE">
+                                        <rect key="frame" x="0.0" y="544" width="414" height="44"/>
+                                        <autoresizingMask key="autoresizingMask"/>
+                                        <tableViewCellContentView key="contentView" opaque="NO" clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="center" preservesSuperviewLayoutMargins="YES" insetsLayoutMarginsFromSafeArea="NO" tableViewCell="dc3-WL-VyE" id="dZV-qc-NX7">
+                                            <rect key="frame" x="0.0" y="0.0" width="414" height="44"/>
+                                            <autoresizingMask key="autoresizingMask"/>
+                                            <subviews>
+                                                <stackView opaque="NO" contentMode="scaleToFill" distribution="equalSpacing" spacing="10" translatesAutoresizingMaskIntoConstraints="NO" id="Jjv-xi-Rca">
+                                                    <rect key="frame" x="20" y="7" width="374" height="30"/>
+                                                    <subviews>
+                                                        <stackView opaque="NO" contentMode="scaleToFill" spacing="8" translatesAutoresizingMaskIntoConstraints="NO" id="bby-fy-DZf">
+                                                            <rect key="frame" x="0.0" y="0.0" width="70" height="30"/>
+                                                            <subviews>
+                                                                <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="roundedRect" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="99h-cZ-Cj3">
+                                                                    <rect key="frame" x="0.0" y="0.0" width="30" height="30"/>
+                                                                    <color key="backgroundColor" red="0.92156862750000001" green="0.92156862750000001" blue="0.92156862750000001" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+                                                                    <connections>
+                                                                        <action selector="colorChange:" destination="5iR-vg-JBg" eventType="touchUpInside" id="W1y-vS-qQc"/>
+                                                                        <action selector="colorChange:" destination="ueR-Fi-SVc" eventType="touchUpInside" id="hD3-g4-WmB"/>
+                                                                    </connections>
+                                                                </button>
+                                                                <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Line" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="8O6-nT-K5j">
+                                                                    <rect key="frame" x="38" y="0.0" width="32" height="30"/>
+                                                                    <fontDescription key="fontDescription" type="system" pointSize="17"/>
+                                                                    <nil key="textColor"/>
+                                                                    <nil key="highlightedColor"/>
+                                                                </label>
+                                                            </subviews>
+                                                        </stackView>
+                                                        <stackView opaque="NO" contentMode="scaleToFill" spacing="8" translatesAutoresizingMaskIntoConstraints="NO" id="BHh-Cr-xre">
+                                                            <rect key="frame" x="125.5" y="0.0" width="106" height="30"/>
+                                                            <subviews>
+                                                                <button opaque="NO" tag="1" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="roundedRect" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="Nkw-p3-w6g">
+                                                                    <rect key="frame" x="0.0" y="0.0" width="30" height="30"/>
+                                                                    <color key="backgroundColor" red="1" green="0.25098039220000001" blue="1" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+                                                                    <connections>
+                                                                        <action selector="colorChange:" destination="ueR-Fi-SVc" eventType="touchUpInside" id="qdj-9s-9xI"/>
+                                                                        <action selector="colorChange:" destination="5iR-vg-JBg" eventType="touchUpInside" id="sWV-qA-PCJ"/>
+                                                                    </connections>
+                                                                </button>
+                                                                <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Progress" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="Njh-q4-nP0">
+                                                                    <rect key="frame" x="38" y="0.0" width="68" height="30"/>
+                                                                    <fontDescription key="fontDescription" type="system" pointSize="17"/>
+                                                                    <nil key="textColor"/>
+                                                                    <nil key="highlightedColor"/>
+                                                                </label>
+                                                            </subviews>
+                                                        </stackView>
+                                                        <stackView opaque="NO" contentMode="scaleToFill" spacing="8" translatesAutoresizingMaskIntoConstraints="NO" id="gv0-9l-AtQ">
+                                                            <rect key="frame" x="287" y="0.0" width="87" height="30"/>
+                                                            <subviews>
+                                                                <button opaque="NO" tag="2" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="roundedRect" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="nvk-8I-pmz">
+                                                                    <rect key="frame" x="0.0" y="0.0" width="30" height="30"/>
+                                                                    <color key="backgroundColor" red="0.66274509800000003" green="0.66274509800000003" blue="0.66274509800000003" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+                                                                    <connections>
+                                                                        <action selector="colorChange:" destination="ueR-Fi-SVc" eventType="touchUpInside" id="4Qa-bc-3EF"/>
+                                                                        <action selector="colorChange:" destination="5iR-vg-JBg" eventType="touchUpInside" id="bCu-XC-IKf"/>
+                                                                    </connections>
+                                                                </button>
+                                                                <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Target" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="ueh-1r-3Va">
+                                                                    <rect key="frame" x="38" y="0.0" width="49" height="30"/>
+                                                                    <fontDescription key="fontDescription" type="system" pointSize="17"/>
+                                                                    <nil key="textColor"/>
+                                                                    <nil key="highlightedColor"/>
+                                                                </label>
+                                                            </subviews>
+                                                        </stackView>
+                                                    </subviews>
+                                                </stackView>
+                                            </subviews>
+                                            <constraints>
+                                                <constraint firstAttribute="trailing" secondItem="Jjv-xi-Rca" secondAttribute="trailing" constant="20" id="29b-eC-Dy2"/>
+                                                <constraint firstItem="Jjv-xi-Rca" firstAttribute="leading" secondItem="dZV-qc-NX7" secondAttribute="leading" constant="20" id="ShP-kW-jbC"/>
+                                                <constraint firstItem="Jjv-xi-Rca" firstAttribute="centerY" secondItem="dZV-qc-NX7" secondAttribute="centerY" id="iar-qa-dYr"/>
+                                            </constraints>
+                                        </tableViewCellContentView>
+                                    </tableViewCell>
+                                </cells>
+                            </tableViewSection>
                         </sections>
                         <connections>
                             <outlet property="dataSource" destination="ueR-Fi-SVc" id="iow-xQ-SAU"/>
diff --git a/CustomView/Controllers/ProgressBarViewController.swift b/CustomView/Controllers/ProgressBarViewController.swift
index 7c56694..a1c42ea 100644
--- a/CustomView/Controllers/ProgressBarViewController.swift
+++ b/CustomView/Controllers/ProgressBarViewController.swift
@@ -40,5 +40,24 @@ class ProgressBarViewController: UITableViewController {
     @IBAction func targetChange(_ sender: Any) {
         self.progressBarView?.targetValue = CGFloat(self.targetSlider.value)
     }
+    
+    @IBAction func colorChange(_ button: UIButton) {
+        let color = UIColor.random
+        button.backgroundColor = color
+        
+        switch button.tag {
+        case 0:
+            self.progressBarView?.lineColor = color
+            self.widthSlider.tintColor = color
+        case 1:
+            self.progressBarView?.progressColor = color
+            self.progressSlider.tintColor = color
+        case 2:
+            self.progressBarView?.targetColor = color
+            self.targetSlider.tintColor = color
+        default:
+            break
+        }
+    }
 }
 
diff --git a/CustomView/Controllers/ProgressCircleViewController.swift b/CustomView/Controllers/ProgressCircleViewController.swift
index 266ef60..c32f744 100644
--- a/CustomView/Controllers/ProgressCircleViewController.swift
+++ b/CustomView/Controllers/ProgressCircleViewController.swift
@@ -10,7 +10,9 @@ import UIKit
 
 class ProgressCircleViewController: UITableViewController {
 
-    @IBOutlet weak var progressCircleView: ProgressCircleView?
+    @IBOutlet weak var largestProgressCircleView: ProgressCircleView?
+    @IBOutlet weak var mediumProgressCircleView: ProgressCircleView?
+    @IBOutlet weak var smallerProgressCircleView: ProgressCircleView?
     @IBOutlet weak var widthSlider: UISlider!
     @IBOutlet weak var progressSlider: UISlider!
     @IBOutlet weak var targetSlider: UISlider!
@@ -18,27 +20,89 @@ class ProgressCircleViewController: UITableViewController {
     override func viewDidLoad() {
         super.viewDidLoad()
         
-        self.progressCircleView?.circleWidth = CGFloat(self.widthSlider.value)
-        self.progressCircleView?.progressValue = CGFloat(self.progressSlider.value)
-        self.progressCircleView?.targetValue = CGFloat(self.targetSlider.value)
+        self.largestProgressCircleView?.circleWidth = CGFloat(self.widthSlider.value)
+        self.largestProgressCircleView?.progressValue = CGFloat(self.progressSlider.value)
+        self.largestProgressCircleView?.targetValue = CGFloat(self.targetSlider.value)
+        
+        self.mediumProgressCircleView?.circleWidth = CGFloat(self.widthSlider.value)
+        self.mediumProgressCircleView?.progressValue = CGFloat(self.progressSlider.value)
+        self.mediumProgressCircleView?.targetValue = CGFloat(self.targetSlider.value)
+        
+        self.smallerProgressCircleView?.circleWidth = CGFloat(self.widthSlider.value)
+        self.smallerProgressCircleView?.progressValue = CGFloat(self.progressSlider.value)
+        self.smallerProgressCircleView?.targetValue = CGFloat(self.targetSlider.value)
     }
     
     override func viewWillTransition(to size: CGSize, with coordinator: UIViewControllerTransitionCoordinator) {
         super.viewWillTransition(to: size, with: coordinator)
         
-        self.progressCircleView?.setNeedsDisplay()
+        self.largestProgressCircleView?.setNeedsDisplay()
+        self.mediumProgressCircleView?.setNeedsDisplay()
+        self.smallerProgressCircleView?.setNeedsDisplay()
     }
 
     @IBAction func widthChange(_ sender: Any) {
-        self.progressCircleView?.circleWidth = CGFloat(self.widthSlider.value)
+        self.largestProgressCircleView?.circleWidth = CGFloat(self.widthSlider.value)
+        self.mediumProgressCircleView?.circleWidth = CGFloat(self.widthSlider.value)
+        self.smallerProgressCircleView?.circleWidth = CGFloat(self.widthSlider.value)
     }
     
     @IBAction func progessChange(_ sender: Any) {
-        self.progressCircleView?.progressValue = CGFloat(self.progressSlider.value)
+        self.largestProgressCircleView?.progressValue = CGFloat(self.progressSlider.value)
+        self.mediumProgressCircleView?.progressValue = CGFloat(self.progressSlider.value)
+        self.smallerProgressCircleView?.progressValue = CGFloat(self.progressSlider.value)
     }
     
     @IBAction func targetChange(_ sender: Any) {
-        self.progressCircleView?.targetValue = CGFloat(self.targetSlider.value)
+        self.largestProgressCircleView?.targetValue = CGFloat(self.targetSlider.value)
+        self.mediumProgressCircleView?.targetValue = CGFloat(self.targetSlider.value)
+        self.smallerProgressCircleView?.targetValue = CGFloat(self.targetSlider.value)
+    }
+    
+    @IBAction func colorChange(_ button: UIButton) {
+        let color = UIColor.random
+        button.backgroundColor = color
+        
+        switch button.tag {
+            case 0:
+                self.largestProgressCircleView?.circleColor = color
+                self.mediumProgressCircleView?.circleColor = color
+                self.smallerProgressCircleView?.circleColor = color
+                self.widthSlider.tintColor = color
+            case 1:
+                self.largestProgressCircleView?.progressColor = color
+                self.mediumProgressCircleView?.progressColor = color
+                self.smallerProgressCircleView?.progressColor = color
+                self.progressSlider.tintColor = color
+            case 2:
+                self.largestProgressCircleView?.targetColor = color
+                self.mediumProgressCircleView?.targetColor = color
+                self.smallerProgressCircleView?.targetColor = color
+                self.targetSlider.tintColor = color
+            default:
+                break
+        }
     }
+    
+    @IBAction func challengeChanged(_ sender: UISegmentedControl) {
+        switch sender.selectedSegmentIndex {
+        case 0:
+            sender.tintColor = #colorLiteral(red: 0.5787474513, green: 0.3215198815, blue: 0, alpha: 1)
+            mediumProgressCircleView?.isHidden = false
+            smallerProgressCircleView?.isHidden = false
+            
+            largestProgressCircleView?.hideLabels()
+            mediumProgressCircleView?.hideLabels()
+            smallerProgressCircleView?.hideLabels()
+        default:
+            sender.tintColor = #colorLiteral(red: 0.6642242074, green: 0.6642400622, blue: 0.6642315388, alpha: 1)
+            mediumProgressCircleView?.isHidden = true
+            smallerProgressCircleView?.isHidden = true
+            
+            largestProgressCircleView?.showLabels()
+            mediumProgressCircleView?.showLabels()
+            smallerProgressCircleView?.showLabels()
+        }
+    }
+    
 }
-
diff --git a/CustomView/Extensions/UIColorExtension.swift b/CustomView/Extensions/UIColorExtension.swift
new file mode 100644
index 0000000..81fa699
--- /dev/null
+++ b/CustomView/Extensions/UIColorExtension.swift
@@ -0,0 +1,15 @@
+//
+//  UIColorExtension.swift
+//  CustomView
+//
+//  Created by Lucas Fernandez Nicolau on 28/05/19.
+//  Copyright © 2019 Joaquim Pessoa Filho. All rights reserved.
+//
+
+import UIKit
+
+extension UIColor {
+    static var random: UIColor {
+        return UIColor(red: .random(in: 0...1), green: .random(in: 0...1), blue: .random(in: 0...1), alpha: 1.0)
+    }
+}
diff --git a/CustomView/Views/ProgressBarView.swift b/CustomView/Views/ProgressBarView.swift
index bfe9f6a..63a716a 100644
--- a/CustomView/Views/ProgressBarView.swift
+++ b/CustomView/Views/ProgressBarView.swift
@@ -32,12 +32,29 @@ class ProgressBarView: UIView {
     }
     
     @IBInspectable
-    var lineColor:UIColor = UIColor.black
+    var lineColor:UIColor = UIColor.black {
+        didSet{
+            setNeedsDisplay()
+        }
+    }
+    
     @IBInspectable
-    var targetColor:UIColor = UIColor.blue
+    var targetColor:UIColor = UIColor.blue {
+        didSet{
+            setNeedsDisplay()
+        }
+    }
+    
     @IBInspectable
-    var progressColor:UIColor = UIColor.yellow
+    var progressColor:UIColor = UIColor.yellow {
+        didSet{
+            setNeedsDisplay()
+        }
+    }
     
+    override func prepareForInterfaceBuilder() {
+        super.prepareForInterfaceBuilder()
+    }
     
     override func draw(_ rect: CGRect) {
         
diff --git a/CustomView/Views/ProgressCircleView.swift b/CustomView/Views/ProgressCircleView.swift
index 9eb1956..3c085c0 100644
--- a/CustomView/Views/ProgressCircleView.swift
+++ b/CustomView/Views/ProgressCircleView.swift
@@ -19,6 +19,7 @@ class ProgressCircleView: UIView {
     var progressValue:CGFloat = 0.0 {
         didSet{
             setNeedsDisplay()
+            progressLabel?.text = String(format: "Progress: %.2f%%", progressValue * 100)
         }
     }
     
@@ -27,6 +28,7 @@ class ProgressCircleView: UIView {
     var targetValue:CGFloat = 0.75 {
         didSet{
             setNeedsDisplay()
+            targetLabel?.text = String(format: "Target: %.2f%%", targetValue * 100)
         }
     }
     
@@ -38,13 +40,53 @@ class ProgressCircleView: UIView {
     }
     
     @IBInspectable
-    var circleColor:UIColor = UIColor.black
+    var circleColor:UIColor = UIColor.black {
+        didSet {
+            setNeedsDisplay()
+        }
+    }
     
     @IBInspectable
-    var progressColor:UIColor = UIColor.yellow
+    var progressColor:UIColor = UIColor.yellow {
+        didSet {
+            setNeedsDisplay()
+        }
+    }
     
     @IBInspectable
-    var targetColor:UIColor = UIColor.green
+    var targetColor:UIColor = UIColor.green {
+        didSet {
+            setNeedsDisplay()
+        }
+    }
+    
+    var targetLabel: UILabel!
+    var progressLabel: UILabel!
+    
+    override func prepareForInterfaceBuilder() {
+        super.prepareForInterfaceBuilder()
+    }
+    
+    override func awakeFromNib() {
+        super.awakeFromNib()
+        
+        targetLabel = UILabel()
+        targetLabel.font = UIFont(name: "Avenir Next", size: 12)
+        targetLabel.frame.size = CGSize(width: 110, height: 80)
+        targetLabel.textAlignment = .center
+        targetLabel.center = CGPoint(x: self.center.x, y: self.center.y - 20)
+        targetLabel.isHidden = true
+        
+        progressLabel = UILabel()
+        progressLabel.font = UIFont(name: "Avenir Next", size: 12)
+        progressLabel.frame.size = CGSize(width: 110, height: 80)
+        progressLabel.textAlignment = .center
+        progressLabel.center = CGPoint(x: self.center.x, y: self.center.y)
+        progressLabel.isHidden = true
+        
+        self.addSubview(targetLabel)
+        self.addSubview(progressLabel)
+    }
     
     // Method that draw the circle, progress and target
     override func draw(_ rect: CGRect) {
@@ -95,4 +137,14 @@ class ProgressCircleView: UIView {
         context?.addArc(center: centerPoint, radius: radius, startAngle: start, endAngle: progressEnd, clockwise: false)
         context?.strokePath()
     }
+    
+    func hideLabels() {
+        progressLabel.isHidden = true
+        targetLabel.isHidden = true
+    }
+    
+    func showLabels() {
+        progressLabel.isHidden = false
+        targetLabel.isHidden = false
+    }
 }