#D0CBE1 - #8666AF | 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 #D0CBE1 to #8666AF

#D0CBE1 #8666AF

Calculate the color between two colors, #D0CBE1 and #8666AF. 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)

#D0CBE1 - #8666AF | 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 #D0CBE1 as 0% and #8666AF as 100%.

0.0%	0.0% #D0CBE1	RGB 208 203 225	#D0CBE1
16.7%	16.7% #C3BAD8	RGB 195 186 216	#C3BAD8
33.3%	33.3% #B7A9D0	RGB 183 169 208	#B7A9D0
50.0%	50.0% #AB98C8	RGB 171 152 200	#AB98C8
66.7%	66.7% #9E87BF	RGB 158 135 191	#9E87BF
83.3%	83.3% #9276B7	RGB 146 118 183	#9276B7
100.0%	100.0% #8666AF	RGB 134 102 175	#8666AF

#D0CBE1 #C3BAD8 #B7A9D0 #AB98C8 #9E87BF #9276B7 #8666AF

#D0CBE1 - #8666AF

HSV Blend

#D0CBE1 - #8666AF | 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 #D0CBE1 as 0% and #8666AF as 100%.

0.0%	0.0% #D0CBE1	RGB 208 203 225	#D0CBE1
16.7%	16.7% #C0B7D8	RGB 192 183 216	#C0B7D8
33.3%	33.3% #B2A5D0	RGB 178 165 208	#B2A5D0
50.0%	50.0% #A594C8	RGB 165 148 200	#A594C8
66.7%	66.7% #9A84BF	RGB 154 132 191	#9A84BF
83.3%	83.3% #8F74B7	RGB 143 116 183	#8F74B7
100.0%	100.0% #8666AF	RGB 134 102 175	#8666AF

#D0CBE1 #C0B7D8 #B2A5D0 #A594C8 #9A84BF #8F74B7 #8666AF

#D0CBE1 - #A594C8 - #8666AF

CSS codes

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

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