#CDC0D4 - #CDCEEE | 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 #CDC0D4 to #CDCEEE

#CDC0D4 #CDCEEE

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

#CDC0D4 - #CDCEEE | 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 #CDC0D4 as 0% and #CDCEEE as 100%.

0.0%	0.0% #CDC0D4	RGB 205 192 212	#CDC0D4
16.7%	16.7% #CDC2D8	RGB 205 194 216	#CDC2D8
33.3%	33.3% #CDC4DC	RGB 205 196 220	#CDC4DC
50.0%	50.0% #CDC7E1	RGB 205 199 225	#CDC7E1
66.7%	66.7% #CDC9E5	RGB 205 201 229	#CDC9E5
83.3%	83.3% #CDCBE9	RGB 205 203 233	#CDCBE9
100.0%	100.0% #CDCEEE	RGB 205 206 238	#CDCEEE

#CDC0D4 #CDC2D8 #CDC4DC #CDC7E1 #CDC9E5 #CDCBE9 #CDCEEE

#CDC0D4 - #CDCEEE

HSV Blend

#CDC0D4 - #CDCEEE | 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 #CDC0D4 as 0% and #CDCEEE as 100%.

0.0%	0.0% #CDC0D4	RGB 205 192 212	#CDC0D4
16.7%	16.7% #CEC2D8	RGB 206 194 216	#CEC2D8
33.3%	33.3% #CEC4DC	RGB 206 196 220	#CEC4DC
50.0%	50.0% #CEC6E1	RGB 206 198 225	#CEC6E1
66.7%	66.7% #CEC8E5	RGB 206 200 229	#CEC8E5
83.3%	83.3% #CDCAE9	RGB 205 202 233	#CDCAE9
100.0%	100.0% #CDCEEE	RGB 205 206 238	#CDCEEE

#CDC0D4 #CEC2D8 #CEC4DC #CEC6E1 #CEC8E5 #CDCAE9 #CDCEEE

#CDC0D4 - #CEC6E1 - #CDCEEE

CSS codes

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

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