#AFECE4 - #3FC5BD | 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 #AFECE4 to #3FC5BD

#AFECE4 #3FC5BD

Calculate the color between two colors, #AFECE4 and #3FC5BD. 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)

#AFECE4 - #3FC5BD | 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 #AFECE4 as 0% and #3FC5BD as 100%.

0.0%	0.0% #AFECE4	RGB 175 236 228	#AFECE4
16.7%	16.7% #9CE5DD	RGB 156 229 221	#9CE5DD
33.3%	33.3% #89DFD7	RGB 137 223 215	#89DFD7
50.0%	50.0% #77D8D0	RGB 119 216 208	#77D8D0
66.7%	66.7% #64D2CA	RGB 100 210 202	#64D2CA
83.3%	83.3% #51CBC3	RGB 81 203 195	#51CBC3
100.0%	100.0% #3FC5BD	RGB 63 197 189	#3FC5BD

#AFECE4 #9CE5DD #89DFD7 #77D8D0 #64D2CA #51CBC3 #3FC5BD

#AFECE4 - #3FC5BD

HSV Blend

#AFECE4 - #3FC5BD | 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 #AFECE4 as 0% and #3FC5BD as 100%.

0.0%	0.0% #AFECE4	RGB 175 236 228	#AFECE4
16.7%	16.7% #9AE5DC	RGB 154 229 220	#9AE5DC
33.3%	33.3% #86DFD5	RGB 134 223 213	#86DFD5
50.0%	50.0% #72D8CE	RGB 114 216 206	#72D8CE
66.7%	66.7% #60D2C8	RGB 96 210 200	#60D2C8
83.3%	83.3% #4FCBC2	RGB 79 203 194	#4FCBC2
100.0%	100.0% #3FC5BD	RGB 63 197 189	#3FC5BD

#AFECE4 #9AE5DC #86DFD5 #72D8CE #60D2C8 #4FCBC2 #3FC5BD

#AFECE4 - #72D8CE - #3FC5BD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AFECE4 0%, #72D8CE 50%, #3FC5BD 100%);
    background: -webkit-linear-gradient(top, #AFECE4 0%, #72D8CE 50%, #3FC5BD 100%);
    background: linear-gradient(to bottom, #AFECE4 0%, #72D8CE 50%, #3FC5BD 100%);
}
</style>