#AFECAC - #5AD65B | 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 #AFECAC to #5AD65B

#AFECAC #5AD65B

Calculate the color between two colors, #AFECAC and #5AD65B. 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)

#AFECAC - #5AD65B | 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 #AFECAC as 0% and #5AD65B as 100%.

0.0%	0.0% #AFECAC	RGB 175 236 172	#AFECAC
16.7%	16.7% #A0E89E	RGB 160 232 158	#A0E89E
33.3%	33.3% #92E491	RGB 146 228 145	#92E491
50.0%	50.0% #84E183	RGB 132 225 131	#84E183
66.7%	66.7% #76DD76	RGB 118 221 118	#76DD76
83.3%	83.3% #68D968	RGB 104 217 104	#68D968
100.0%	100.0% #5AD65B	RGB 90 214 91	#5AD65B

#AFECAC #A0E89E #92E491 #84E183 #76DD76 #68D968 #5AD65B

#AFECAC - #5AD65B

HSV Blend

#AFECAC - #5AD65B | 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 #AFECAC as 0% and #5AD65B as 100%.

0.0%	0.0% #AFECAC	RGB 175 236 172	#AFECAC
16.7%	16.7% #A0E89D	RGB 160 232 157	#A0E89D
33.3%	33.3% #91E48F	RGB 145 228 143	#91E48F
50.0%	50.0% #83E181	RGB 131 225 129	#83E181
66.7%	66.7% #74DD73	RGB 116 221 115	#74DD73
83.3%	83.3% #66D966	RGB 102 217 102	#66D966
100.0%	100.0% #5AD65B	RGB 90 214 91	#5AD65B

#AFECAC #A0E89D #91E48F #83E181 #74DD73 #66D966 #5AD65B

#AFECAC - #83E181 - #5AD65B

CSS codes

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

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