#C2B9DA - #785999 | 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 #C2B9DA to #785999

#C2B9DA #785999

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

#C2B9DA - #785999 | 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 #C2B9DA as 0% and #785999 as 100%.

0.0%	0.0% #C2B9DA	RGB 194 185 218	#C2B9DA
16.7%	16.7% #B5A9CF	RGB 181 169 207	#B5A9CF
33.3%	33.3% #A999C4	RGB 169 153 196	#A999C4
50.0%	50.0% #9D89B9	RGB 157 137 185	#9D89B9
66.7%	66.7% #9079AE	RGB 144 121 174	#9079AE
83.3%	83.3% #8469A3	RGB 132 105 163	#8469A3
100.0%	100.0% #785999	RGB 120 89 153	#785999

#C2B9DA #B5A9CF #A999C4 #9D89B9 #9079AE #8469A3 #785999

#C2B9DA - #785999

HSV Blend

#C2B9DA - #785999 | 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 #C2B9DA as 0% and #785999 as 100%.

0.0%	0.0% #C2B9DA	RGB 194 185 218	#C2B9DA
16.7%	16.7% #B3A6CF	RGB 179 166 207	#B3A6CF
33.3%	33.3% #A595C4	RGB 165 149 196	#A595C4
50.0%	50.0% #9884B9	RGB 152 132 185	#9884B9
66.7%	66.7% #8C75AE	RGB 140 117 174	#8C75AE
83.3%	83.3% #8266A3	RGB 130 102 163	#8266A3
100.0%	100.0% #785999	RGB 120 89 153	#785999

#C2B9DA #B3A6CF #A595C4 #9884B9 #8C75AE #8266A3 #785999

#C2B9DA - #9884B9 - #785999

CSS codes

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

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