#D1CBD0 - #CBC5E4 | 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 #D1CBD0 to #CBC5E4

#D1CBD0 #CBC5E4

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

#D1CBD0 - #CBC5E4 | 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 #D1CBD0 as 0% and #CBC5E4 as 100%.

0.0%	0.0% #D1CBD0	RGB 209 203 208	#D1CBD0
16.7%	16.7% #D0CAD3	RGB 208 202 211	#D0CAD3
33.3%	33.3% #CFC9D6	RGB 207 201 214	#CFC9D6
50.0%	50.0% #CEC8DA	RGB 206 200 218	#CEC8DA
66.7%	66.7% #CDC7DD	RGB 205 199 221	#CDC7DD
83.3%	83.3% #CCC6E0	RGB 204 198 224	#CCC6E0
100.0%	100.0% #CBC5E4	RGB 203 197 228	#CBC5E4

#D1CBD0 #D0CAD3 #CFC9D6 #CEC8DA #CDC7DD #CCC6E0 #CBC5E4

#D1CBD0 - #CBC5E4

HSV Blend

#D1CBD0 - #CBC5E4 | 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 #D1CBD0 as 0% and #CBC5E4 as 100%.

0.0%	0.0% #D1CBD0	RGB 209 203 208	#D1CBD0
16.7%	16.7% #D4CAD4	RGB 212 202 212	#D4CAD4
33.3%	33.3% #D5C9D7	RGB 213 201 215	#D5C9D7
50.0%	50.0% #D4C8DA	RGB 212 200 218	#D4C8DA
66.7%	66.7% #D2C7DD	RGB 210 199 221	#D2C7DD
83.3%	83.3% #CFC6E0	RGB 207 198 224	#CFC6E0
100.0%	100.0% #CBC5E4	RGB 203 197 228	#CBC5E4

#D1CBD0 #D4CAD4 #D5C9D7 #D4C8DA #D2C7DD #CFC6E0 #CBC5E4

#D1CBD0 - #D4C8DA - #CBC5E4

CSS codes

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

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