#CFEEE0 - #EAF5FA | 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 #CFEEE0 to #EAF5FA

#CFEEE0 #EAF5FA

Calculate the color between two colors, #CFEEE0 and #EAF5FA. 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)

#CFEEE0 - #EAF5FA | 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 #CFEEE0 as 0% and #EAF5FA as 100%.

0.0%	0.0% #CFEEE0	RGB 207 238 224	#CFEEE0
16.7%	16.7% #D3EFE4	RGB 211 239 228	#D3EFE4
33.3%	33.3% #D8F0E8	RGB 216 240 232	#D8F0E8
50.0%	50.0% #DCF1ED	RGB 220 241 237	#DCF1ED
66.7%	66.7% #E1F2F1	RGB 225 242 241	#E1F2F1
83.3%	83.3% #E5F3F5	RGB 229 243 245	#E5F3F5
100.0%	100.0% #EAF5FA	RGB 234 245 250	#EAF5FA

#CFEEE0 #D3EFE4 #D8F0E8 #DCF1ED #E1F2F1 #E5F3F5 #EAF5FA

#CFEEE0 - #EAF5FA

HSV Blend

#CFEEE0 - #EAF5FA | 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 #CFEEE0 as 0% and #EAF5FA as 100%.

0.0%	0.0% #CFEEE0	RGB 207 238 224	#CFEEE0
16.7%	16.7% #D3F0E6	RGB 211 240 230	#D3F0E6
33.3%	33.3% #D7F2EC	RGB 215 242 236	#D7F2EC
50.0%	50.0% #DCF4F2	RGB 220 244 242	#DCF4F2
66.7%	66.7% #E0F4F6	RGB 224 244 246	#E0F4F6
83.3%	83.3% #E5F4F8	RGB 229 244 248	#E5F4F8
100.0%	100.0% #EAF5FA	RGB 234 245 250	#EAF5FA

#CFEEE0 #D3F0E6 #D7F2EC #DCF4F2 #E0F4F6 #E5F4F8 #EAF5FA

#CFEEE0 - #DCF4F2 - #EAF5FA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CFEEE0 0%, #DCF4F2 50%, #EAF5FA 100%);
    background: -webkit-linear-gradient(top, #CFEEE0 0%, #DCF4F2 50%, #EAF5FA 100%);
    background: linear-gradient(to bottom, #CFEEE0 0%, #DCF4F2 50%, #EAF5FA 100%);
}
</style>