#CCF0DC - #D9EAD5 | 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 #CCF0DC to #D9EAD5

#CCF0DC #D9EAD5

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

#CCF0DC - #D9EAD5 | 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 #CCF0DC as 0% and #D9EAD5 as 100%.

0.0%	0.0% #CCF0DC	RGB 204 240 220	#CCF0DC
16.7%	16.7% #CEEFDA	RGB 206 239 218	#CEEFDA
33.3%	33.3% #D0EED9	RGB 208 238 217	#D0EED9
50.0%	50.0% #D2EDD8	RGB 210 237 216	#D2EDD8
66.7%	66.7% #D4ECD7	RGB 212 236 215	#D4ECD7
83.3%	83.3% #D6EBD6	RGB 214 235 214	#D6EBD6
100.0%	100.0% #D9EAD5	RGB 217 234 213	#D9EAD5

#CCF0DC #CEEFDA #D0EED9 #D2EDD8 #D4ECD7 #D6EBD6 #D9EAD5

#CCF0DC - #D9EAD5

HSV Blend

#CCF0DC - #D9EAD5 | 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 #CCF0DC as 0% and #D9EAD5 as 100%.

0.0%	0.0% #CCF0DC	RGB 204 240 220	#CCF0DC
16.7%	16.7% #CDEFD8	RGB 205 239 216	#CDEFD8
33.3%	33.3% #CFEED6	RGB 207 238 214	#CFEED6
50.0%	50.0% #D0EDD4	RGB 208 237 212	#D0EDD4
66.7%	66.7% #D2ECD2	RGB 210 236 210	#D2ECD2
83.3%	83.3% #D5EBD3	RGB 213 235 211	#D5EBD3
100.0%	100.0% #D9EAD5	RGB 217 234 213	#D9EAD5

#CCF0DC #CDEFD8 #CFEED6 #D0EDD4 #D2ECD2 #D5EBD3 #D9EAD5

#CCF0DC - #D0EDD4 - #D9EAD5

CSS codes

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

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