#C0BCD7 - #795C95 | 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 #C0BCD7 to #795C95

#C0BCD7 #795C95

Calculate the color between two colors, #C0BCD7 and #795C95. 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)

#C0BCD7 - #795C95 | 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 #C0BCD7 as 0% and #795C95 as 100%.

0.0%	0.0% #C0BCD7	RGB 192 188 215	#C0BCD7
16.7%	16.7% #B4ACCC	RGB 180 172 204	#B4ACCC
33.3%	33.3% #A89CC1	RGB 168 156 193	#A89CC1
50.0%	50.0% #9C8CB6	RGB 156 140 182	#9C8CB6
66.7%	66.7% #907CAB	RGB 144 124 171	#907CAB
83.3%	83.3% #846CA0	RGB 132 108 160	#846CA0
100.0%	100.0% #795C95	RGB 121 92 149	#795C95

#C0BCD7 #B4ACCC #A89CC1 #9C8CB6 #907CAB #846CA0 #795C95

#C0BCD7 - #795C95

HSV Blend

#C0BCD7 - #795C95 | 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 #C0BCD7 as 0% and #795C95 as 100%.

0.0%	0.0% #C0BCD7	RGB 192 188 215	#C0BCD7
16.7%	16.7% #B0A9CC	RGB 176 169 204	#B0A9CC
33.3%	33.3% #A398C1	RGB 163 152 193	#A398C1
50.0%	50.0% #9687B6	RGB 150 135 182	#9687B6
66.7%	66.7% #8B78AB	RGB 139 120 171	#8B78AB
83.3%	83.3% #8269A0	RGB 130 105 160	#8269A0
100.0%	100.0% #795C95	RGB 121 92 149	#795C95

#C0BCD7 #B0A9CC #A398C1 #9687B6 #8B78AB #8269A0 #795C95

#C0BCD7 - #9687B6 - #795C95

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0BCD7 0%, #9687B6 50%, #795C95 100%);
    background: -webkit-linear-gradient(top, #C0BCD7 0%, #9687B6 50%, #795C95 100%);
    background: linear-gradient(to bottom, #C0BCD7 0%, #9687B6 50%, #795C95 100%);
}
</style>