#C7B9D3 - #785E8F | 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 #C7B9D3 to #785E8F

#C7B9D3 #785E8F

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

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

0.0%	0.0% #C7B9D3	RGB 199 185 211	#C7B9D3
16.7%	16.7% #B9A9C7	RGB 185 169 199	#B9A9C7
33.3%	33.3% #AC9ABC	RGB 172 154 188	#AC9ABC
50.0%	50.0% #9F8BB1	RGB 159 139 177	#9F8BB1
66.7%	66.7% #927CA5	RGB 146 124 165	#927CA5
83.3%	83.3% #856D9A	RGB 133 109 154	#856D9A
100.0%	100.0% #785E8F	RGB 120 94 143	#785E8F

#C7B9D3 #B9A9C7 #AC9ABC #9F8BB1 #927CA5 #856D9A #785E8F

#C7B9D3 - #785E8F

HSV Blend

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

0.0%	0.0% #C7B9D3	RGB 199 185 211	#C7B9D3
16.7%	16.7% #B8A7C7	RGB 184 167 199	#B8A7C7
33.3%	33.3% #AB97BC	RGB 171 151 188	#AB97BC
50.0%	50.0% #9D87B1	RGB 157 135 177	#9D87B1
66.7%	66.7% #9079A5	RGB 144 121 165	#9079A5
83.3%	83.3% #846B9A	RGB 132 107 154	#846B9A
100.0%	100.0% #785E8F	RGB 120 94 143	#785E8F

#C7B9D3 #B8A7C7 #AB97BC #9D87B1 #9079A5 #846B9A #785E8F

#C7B9D3 - #9D87B1 - #785E8F

CSS codes

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

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