#D0C6EE - #D4DEE7 | 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 #D0C6EE to #D4DEE7

#D0C6EE #D4DEE7

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

#D0C6EE - #D4DEE7 | 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 #D0C6EE as 0% and #D4DEE7 as 100%.

0.0%	0.0% #D0C6EE	RGB 208 198 238	#D0C6EE
16.7%	16.7% #D0CAEC	RGB 208 202 236	#D0CAEC
33.3%	33.3% #D1CEEB	RGB 209 206 235	#D1CEEB
50.0%	50.0% #D2D2EA	RGB 210 210 234	#D2D2EA
66.7%	66.7% #D2D6E9	RGB 210 214 233	#D2D6E9
83.3%	83.3% #D3DAE8	RGB 211 218 232	#D3DAE8
100.0%	100.0% #D4DEE7	RGB 212 222 231	#D4DEE7

#D0C6EE #D0CAEC #D1CEEB #D2D2EA #D2D6E9 #D3DAE8 #D4DEE7

#D0C6EE - #D4DEE7

HSV Blend

#D0C6EE - #D4DEE7 | 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 #D0C6EE as 0% and #D4DEE7 as 100%.

0.0%	0.0% #D0C6EE	RGB 208 198 238	#D0C6EE
16.7%	16.7% #CCC8EC	RGB 204 200 236	#CCC8EC
33.3%	33.3% #CACBEB	RGB 202 203 235	#CACBEB
50.0%	50.0% #CDD1EA	RGB 205 209 234	#CDD1EA
66.7%	66.7% #CFD6E9	RGB 207 214 233	#CFD6E9
83.3%	83.3% #D1DAE8	RGB 209 218 232	#D1DAE8
100.0%	100.0% #D4DEE7	RGB 212 222 231	#D4DEE7

#D0C6EE #CCC8EC #CACBEB #CDD1EA #CFD6E9 #D1DAE8 #D4DEE7

#D0C6EE - #CDD1EA - #D4DEE7

CSS codes

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

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