#AFF0FF - #3EAECE | 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 #AFF0FF to #3EAECE

#AFF0FF #3EAECE

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

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

0.0%	0.0% #AFF0FF	RGB 175 240 255	#AFF0FF
16.7%	16.7% #9CE5F6	RGB 156 229 246	#9CE5F6
33.3%	33.3% #89DAEE	RGB 137 218 238	#89DAEE
50.0%	50.0% #76CFE6	RGB 118 207 230	#76CFE6
66.7%	66.7% #63C4DE	RGB 99 196 222	#63C4DE
83.3%	83.3% #50B9D6	RGB 80 185 214	#50B9D6
100.0%	100.0% #3EAECE	RGB 62 174 206	#3EAECE

#AFF0FF #9CE5F6 #89DAEE #76CFE6 #63C4DE #50B9D6 #3EAECE

#AFF0FF - #3EAECE

HSV Blend

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

0.0%	0.0% #AFF0FF	RGB 175 240 255	#AFF0FF
16.7%	16.7% #99E4F6	RGB 153 228 246	#99E4F6
33.3%	33.3% #85D9EE	RGB 133 217 238	#85D9EE
50.0%	50.0% #71CEE6	RGB 113 206 230	#71CEE6
66.7%	66.7% #5FC3DE	RGB 95 195 222	#5FC3DE
83.3%	83.3% #4EB8D6	RGB 78 184 214	#4EB8D6
100.0%	100.0% #3EAECE	RGB 62 174 206	#3EAECE

#AFF0FF #99E4F6 #85D9EE #71CEE6 #5FC3DE #4EB8D6 #3EAECE

#AFF0FF - #71CEE6 - #3EAECE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AFF0FF 0%, #71CEE6 50%, #3EAECE 100%);
    background: -webkit-linear-gradient(top, #AFF0FF 0%, #71CEE6 50%, #3EAECE 100%);
    background: linear-gradient(to bottom, #AFF0FF 0%, #71CEE6 50%, #3EAECE 100%);
}
</style>