#CBC0C7 - #D4C5E4 | 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 #CBC0C7 to #D4C5E4

#CBC0C7 #D4C5E4

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

#CBC0C7 - #D4C5E4 | 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 #CBC0C7 as 0% and #D4C5E4 as 100%.

0.0%	0.0% #CBC0C7	RGB 203 192 199	#CBC0C7
16.7%	16.7% #CCC0CB	RGB 204 192 203	#CCC0CB
33.3%	33.3% #CEC1D0	RGB 206 193 208	#CEC1D0
50.0%	50.0% #CFC2D5	RGB 207 194 213	#CFC2D5
66.7%	66.7% #D1C3DA	RGB 209 195 218	#D1C3DA
83.3%	83.3% #D2C4DF	RGB 210 196 223	#D2C4DF
100.0%	100.0% #D4C5E4	RGB 212 197 228	#D4C5E4

#CBC0C7 #CCC0CB #CEC1D0 #CFC2D5 #D1C3DA #D2C4DF #D4C5E4

#CBC0C7 - #D4C5E4

HSV Blend

#CBC0C7 - #D4C5E4 | 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 #CBC0C7 as 0% and #D4C5E4 as 100%.

0.0%	0.0% #CBC0C7	RGB 203 192 199	#CBC0C7
16.7%	16.7% #CFC1CC	RGB 207 193 204	#CFC1CC
33.3%	33.3% #D3C2D2	RGB 211 194 210	#D3C2D2
50.0%	50.0% #D5C3D7	RGB 213 195 215	#D5C3D7
66.7%	66.7% #D6C3DB	RGB 214 195 219	#D6C3DB
83.3%	83.3% #D5C4DF	RGB 213 196 223	#D5C4DF
100.0%	100.0% #D4C5E4	RGB 212 197 228	#D4C5E4

#CBC0C7 #CFC1CC #D3C2D2 #D5C3D7 #D6C3DB #D5C4DF #D4C5E4

#CBC0C7 - #D5C3D7 - #D4C5E4

CSS codes

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

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