#CDB5D1 - #785C8C | 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 #CDB5D1 to #785C8C

#CDB5D1 #785C8C

Calculate the color between two colors, #CDB5D1 and #785C8C. 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)

#CDB5D1 - #785C8C | 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 #CDB5D1 as 0% and #785C8C as 100%.

0.0%	0.0% #CDB5D1	RGB 205 181 209	#CDB5D1
16.7%	16.7% #BEA6C5	RGB 190 166 197	#BEA6C5
33.3%	33.3% #B097BA	RGB 176 151 186	#B097BA
50.0%	50.0% #A288AE	RGB 162 136 174	#A288AE
66.7%	66.7% #9479A3	RGB 148 121 163	#9479A3
83.3%	83.3% #866A97	RGB 134 106 151	#866A97
100.0%	100.0% #785C8C	RGB 120 92 140	#785C8C

#CDB5D1 #BEA6C5 #B097BA #A288AE #9479A3 #866A97 #785C8C

#CDB5D1 - #785C8C

HSV Blend

#CDB5D1 - #785C8C | 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 #CDB5D1 as 0% and #785C8C as 100%.

0.0%	0.0% #CDB5D1	RGB 205 181 209	#CDB5D1
16.7%	16.7% #BFA4C5	RGB 191 164 197	#BFA4C5
33.3%	33.3% #B194BA	RGB 177 148 186	#B194BA
50.0%	50.0% #A284AE	RGB 162 132 174	#A284AE
66.7%	66.7% #9476A3	RGB 148 118 163	#9476A3
83.3%	83.3% #866897	RGB 134 104 151	#866897
100.0%	100.0% #785C8C	RGB 120 92 140	#785C8C

#CDB5D1 #BFA4C5 #B194BA #A284AE #9476A3 #866897 #785C8C

#CDB5D1 - #A284AE - #785C8C

CSS codes

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

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