#C2DBC4 - #DEE6CC | 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 #C2DBC4 to #DEE6CC

#C2DBC4 #DEE6CC

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

#C2DBC4 - #DEE6CC | 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 #C2DBC4 as 0% and #DEE6CC as 100%.

0.0%	0.0% #C2DBC4	RGB 194 219 196	#C2DBC4
16.7%	16.7% #C6DCC5	RGB 198 220 197	#C6DCC5
33.3%	33.3% #CBDEC6	RGB 203 222 198	#CBDEC6
50.0%	50.0% #D0E0C8	RGB 208 224 200	#D0E0C8
66.7%	66.7% #D4E2C9	RGB 212 226 201	#D4E2C9
83.3%	83.3% #D9E4CA	RGB 217 228 202	#D9E4CA
100.0%	100.0% #DEE6CC	RGB 222 230 204	#DEE6CC

#C2DBC4 #C6DCC5 #CBDEC6 #D0E0C8 #D4E2C9 #D9E4CA #DEE6CC

#C2DBC4 - #DEE6CC

HSV Blend

#C2DBC4 - #DEE6CC | 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 #C2DBC4 as 0% and #DEE6CC as 100%.

0.0%	0.0% #C2DBC4	RGB 194 219 196	#C2DBC4
16.7%	16.7% #C4DCC3	RGB 196 220 195	#C4DCC3
33.3%	33.3% #C9DEC5	RGB 201 222 197	#C9DEC5
50.0%	50.0% #CEE0C6	RGB 206 224 198	#CEE0C6
66.7%	66.7% #D3E2C8	RGB 211 226 200	#D3E2C8
83.3%	83.3% #D8E4CA	RGB 216 228 202	#D8E4CA
100.0%	100.0% #DEE6CC	RGB 222 230 204	#DEE6CC

#C2DBC4 #C4DCC3 #C9DEC5 #CEE0C6 #D3E2C8 #D8E4CA #DEE6CC

#C2DBC4 - #CEE0C6 - #DEE6CC

CSS codes

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

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