#D2C3E1 - #CCD5E5 | 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 #D2C3E1 to #CCD5E5

#D2C3E1 #CCD5E5

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

#D2C3E1 - #CCD5E5 | 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 #D2C3E1 as 0% and #CCD5E5 as 100%.

0.0%	0.0% #D2C3E1	RGB 210 195 225	#D2C3E1
16.7%	16.7% #D1C6E1	RGB 209 198 225	#D1C6E1
33.3%	33.3% #D0C9E2	RGB 208 201 226	#D0C9E2
50.0%	50.0% #CFCCE3	RGB 207 204 227	#CFCCE3
66.7%	66.7% #CECFE3	RGB 206 207 227	#CECFE3
83.3%	83.3% #CDD2E4	RGB 205 210 228	#CDD2E4
100.0%	100.0% #CCD5E5	RGB 204 213 229	#CCD5E5

#D2C3E1 #D1C6E1 #D0C9E2 #CFCCE3 #CECFE3 #CDD2E4 #CCD5E5

#D2C3E1 - #CCD5E5

HSV Blend

#D2C3E1 - #CCD5E5 | 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 #D2C3E1 as 0% and #CCD5E5 as 100%.

0.0%	0.0% #D2C3E1	RGB 210 195 225	#D2C3E1
16.7%	16.7% #CEC4E1	RGB 206 196 225	#CEC4E1
33.3%	33.3% #CCC5E2	RGB 204 197 226	#CCC5E2
50.0%	50.0% #C9C7E3	RGB 201 199 227	#C9C7E3
66.7%	66.7% #C8CAE3	RGB 200 202 227	#C8CAE3
83.3%	83.3% #CAD0E4	RGB 202 208 228	#CAD0E4
100.0%	100.0% #CCD5E5	RGB 204 213 229	#CCD5E5

#D2C3E1 #CEC4E1 #CCC5E2 #C9C7E3 #C8CAE3 #CAD0E4 #CCD5E5

#D2C3E1 - #C9C7E3 - #CCD5E5

CSS codes

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

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