#AFE5C2 - #5CC88B | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #AFE5C2 to #5CC88B

#AFE5C2 #5CC88B

Calculate the color between two colors, #AFE5C2 and #5CC88B. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#AFE5C2 - #5CC88B | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #AFE5C2 as 0% and #5CC88B as 100%.

0.0%	0.0% #AFE5C2	RGB 175 229 194	#AFE5C2
16.7%	16.7% #A1E0B8	RGB 161 224 184	#A1E0B8
33.3%	33.3% #93DBAF	RGB 147 219 175	#93DBAF
50.0%	50.0% #85D6A6	RGB 133 214 166	#85D6A6
66.7%	66.7% #77D19D	RGB 119 209 157	#77D19D
83.3%	83.3% #69CC94	RGB 105 204 148	#69CC94
100.0%	100.0% #5CC88B	RGB 92 200 139	#5CC88B

#AFE5C2 #A1E0B8 #93DBAF #85D6A6 #77D19D #69CC94 #5CC88B

#AFE5C2 - #5CC88B

HSV Blend

#AFE5C2 - #5CC88B | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #AFE5C2 as 0% and #5CC88B as 100%.

0.0%	0.0% #AFE5C2	RGB 175 229 194	#AFE5C2
16.7%	16.7% #9FE0B7	RGB 159 224 183	#9FE0B7
33.3%	33.3% #91DBAD	RGB 145 219 173	#91DBAD
50.0%	50.0% #83D6A4	RGB 131 214 164	#83D6A4
66.7%	66.7% #75D19B	RGB 117 209 155	#75D19B
83.3%	83.3% #68CC92	RGB 104 204 146	#68CC92
100.0%	100.0% #5CC88B	RGB 92 200 139	#5CC88B

#AFE5C2 #9FE0B7 #91DBAD #83D6A4 #75D19B #68CC92 #5CC88B

#AFE5C2 - #83D6A4 - #5CC88B

CSS codes

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #AFE5C2 0%, #5CC88B 100%);
    background: -webkit-linear-gradient(top, #AFE5C2 0%, #5CC88B 100%);
    background: linear-gradient(to bottom, #AFE5C2 0%, #5CC88B 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AFE5C2 0%, #83D6A4 50%, #5CC88B 100%);
    background: -webkit-linear-gradient(top, #AFE5C2 0%, #83D6A4 50%, #5CC88B 100%);
    background: linear-gradient(to bottom, #AFE5C2 0%, #83D6A4 50%, #5CC88B 100%);
}
</style>