#D9B5E4 - #C3CFE9 | 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 #D9B5E4 to #C3CFE9

#D9B5E4 #C3CFE9

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

#D9B5E4 - #C3CFE9 | 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 #D9B5E4 as 0% and #C3CFE9 as 100%.

0.0%	0.0% #D9B5E4	RGB 217 181 228	#D9B5E4
16.7%	16.7% #D5B9E4	RGB 213 185 228	#D5B9E4
33.3%	33.3% #D1BDE5	RGB 209 189 229	#D1BDE5
50.0%	50.0% #CEC2E6	RGB 206 194 230	#CEC2E6
66.7%	66.7% #CAC6E7	RGB 202 198 231	#CAC6E7
83.3%	83.3% #C6CAE8	RGB 198 202 232	#C6CAE8
100.0%	100.0% #C3CFE9	RGB 195 207 233	#C3CFE9

#D9B5E4 #D5B9E4 #D1BDE5 #CEC2E6 #CAC6E7 #C6CAE8 #C3CFE9

#D9B5E4 - #C3CFE9

HSV Blend

#D9B5E4 - #C3CFE9 | 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 #D9B5E4 as 0% and #C3CFE9 as 100%.

0.0%	0.0% #D9B5E4	RGB 217 181 228	#D9B5E4
16.7%	16.7% #D1B7E4	RGB 209 183 228	#D1B7E4
33.3%	33.3% #CBB9E5	RGB 203 185 229	#CBB9E5
50.0%	50.0% #C5BBE6	RGB 197 187 230	#C5BBE6
66.7%	66.7% #C0BEE7	RGB 192 190 231	#C0BEE7
83.3%	83.3% #C0C5E8	RGB 192 197 232	#C0C5E8
100.0%	100.0% #C3CFE9	RGB 195 207 233	#C3CFE9

#D9B5E4 #D1B7E4 #CBB9E5 #C5BBE6 #C0BEE7 #C0C5E8 #C3CFE9

#D9B5E4 - #C5BBE6 - #C3CFE9

CSS codes

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

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