#C7B8D4 - #785C90 | 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 #C7B8D4 to #785C90

#C7B8D4 #785C90

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

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

0.0%	0.0% #C7B8D4	RGB 199 184 212	#C7B8D4
16.7%	16.7% #B9A8C8	RGB 185 168 200	#B9A8C8
33.3%	33.3% #AC99BD	RGB 172 153 189	#AC99BD
50.0%	50.0% #9F8AB2	RGB 159 138 178	#9F8AB2
66.7%	66.7% #927AA6	RGB 146 122 166	#927AA6
83.3%	83.3% #856B9B	RGB 133 107 155	#856B9B
100.0%	100.0% #785C90	RGB 120 92 144	#785C90

#C7B8D4 #B9A8C8 #AC99BD #9F8AB2 #927AA6 #856B9B #785C90

#C7B8D4 - #785C90

HSV Blend

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

0.0%	0.0% #C7B8D4	RGB 199 184 212	#C7B8D4
16.7%	16.7% #B8A6C8	RGB 184 166 200	#B8A6C8
33.3%	33.3% #AB95BD	RGB 171 149 189	#AB95BD
50.0%	50.0% #9D86B2	RGB 157 134 178	#9D86B2
66.7%	66.7% #9077A6	RGB 144 119 166	#9077A6
83.3%	83.3% #84699B	RGB 132 105 155	#84699B
100.0%	100.0% #785C90	RGB 120 92 144	#785C90

#C7B8D4 #B8A6C8 #AB95BD #9D86B2 #9077A6 #84699B #785C90

#C7B8D4 - #9D86B2 - #785C90

CSS codes

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

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