#CDC8DA - #85739E | 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 #CDC8DA to #85739E

#CDC8DA #85739E

Calculate the color between two colors, #CDC8DA and #85739E. 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)

#CDC8DA - #85739E | 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 #CDC8DA as 0% and #85739E as 100%.

0.0%	0.0% #CDC8DA	RGB 205 200 218	#CDC8DA
16.7%	16.7% #C1B9D0	RGB 193 185 208	#C1B9D0
33.3%	33.3% #B5ABC6	RGB 181 171 198	#B5ABC6
50.0%	50.0% #A99DBC	RGB 169 157 188	#A99DBC
66.7%	66.7% #9D8FB2	RGB 157 143 178	#9D8FB2
83.3%	83.3% #9181A8	RGB 145 129 168	#9181A8
100.0%	100.0% #85739E	RGB 133 115 158	#85739E

#CDC8DA #C1B9D0 #B5ABC6 #A99DBC #9D8FB2 #9181A8 #85739E

#CDC8DA - #85739E

HSV Blend

#CDC8DA - #85739E | 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 #CDC8DA as 0% and #85739E as 100%.

0.0%	0.0% #CDC8DA	RGB 205 200 218	#CDC8DA
16.7%	16.7% #BFB8D0	RGB 191 184 208	#BFB8D0
33.3%	33.3% #B2A9C6	RGB 178 169 198	#B2A9C6
50.0%	50.0% #A69ABC	RGB 166 154 188	#A69ABC
66.7%	66.7% #9A8CB2	RGB 154 140 178	#9A8CB2
83.3%	83.3% #8F7FA8	RGB 143 127 168	#8F7FA8
100.0%	100.0% #85739E	RGB 133 115 158	#85739E

#CDC8DA #BFB8D0 #B2A9C6 #A69ABC #9A8CB2 #8F7FA8 #85739E

#CDC8DA - #A69ABC - #85739E

CSS codes

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

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