#D8C0FF - #D6D4F2 | 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 #D8C0FF to #D6D4F2

#D8C0FF #D6D4F2

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

#D8C0FF - #D6D4F2 | 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 #D8C0FF as 0% and #D6D4F2 as 100%.

0.0%	0.0% #D8C0FF	RGB 216 192 255	#D8C0FF
16.7%	16.7% #D7C3FC	RGB 215 195 252	#D7C3FC
33.3%	33.3% #D7C6FA	RGB 215 198 250	#D7C6FA
50.0%	50.0% #D7CAF8	RGB 215 202 248	#D7CAF8
66.7%	66.7% #D6CDF6	RGB 214 205 246	#D6CDF6
83.3%	83.3% #D6D0F4	RGB 214 208 244	#D6D0F4
100.0%	100.0% #D6D4F2	RGB 214 212 242	#D6D4F2

#D8C0FF #D7C3FC #D7C6FA #D7CAF8 #D6CDF6 #D6D0F4 #D6D4F2

#D8C0FF - #D6D4F2

HSV Blend

#D8C0FF - #D6D4F2 | 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 #D8C0FF as 0% and #D6D4F2 as 100%.

0.0%	0.0% #D8C0FF	RGB 216 192 255	#D8C0FF
16.7%	16.7% #D6C3FC	RGB 214 195 252	#D6C3FC
33.3%	33.3% #D5C7FA	RGB 213 199 250	#D5C7FA
50.0%	50.0% #D4CAF8	RGB 212 202 248	#D4CAF8
66.7%	66.7% #D4CDF6	RGB 212 205 246	#D4CDF6
83.3%	83.3% #D5D0F4	RGB 213 208 244	#D5D0F4
100.0%	100.0% #D6D4F2	RGB 214 212 242	#D6D4F2

#D8C0FF #D6C3FC #D5C7FA #D4CAF8 #D4CDF6 #D5D0F4 #D6D4F2

#D8C0FF - #D4CAF8 - #D6D4F2

CSS codes

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

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