#C36DBF - #841B7D | 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 #C36DBF to #841B7D

#C36DBF #841B7D

Calculate the color between two colors, #C36DBF and #841B7D. 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)

#C36DBF - #841B7D | 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 #C36DBF as 0% and #841B7D as 100%.

0.0%	0.0% #C36DBF	RGB 195 109 191	#C36DBF
16.7%	16.7% #B85FB4	RGB 184 95 180	#B85FB4
33.3%	33.3% #AE51A9	RGB 174 81 169	#AE51A9
50.0%	50.0% #A3449E	RGB 163 68 158	#A3449E
66.7%	66.7% #993693	RGB 153 54 147	#993693
83.3%	83.3% #8E2888	RGB 142 40 136	#8E2888
100.0%	100.0% #841B7D	RGB 132 27 125	#841B7D

#C36DBF #B85FB4 #AE51A9 #A3449E #993693 #8E2888 #841B7D

#C36DBF - #841B7D

HSV Blend

#C36DBF - #841B7D | 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 #C36DBF as 0% and #841B7D as 100%.

0.0%	0.0% #C36DBE	RGB 195 109 190	#C36DBE
16.7%	16.7% #B85CB3	RGB 184 92 179	#B85CB3
33.3%	33.3% #AE4CA8	RGB 174 76 168	#AE4CA8
50.0%	50.0% #A33E9D	RGB 163 62 157	#A33E9D
66.7%	66.7% #993192	RGB 153 49 146	#993192
83.3%	83.3% #8E2587	RGB 142 37 135	#8E2587
100.0%	100.0% #841B7D	RGB 132 27 125	#841B7D

#C36DBE #B85CB3 #AE4CA8 #A33E9D #993192 #8E2587 #841B7D

#C36DBF - #A33E9D - #841B7D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C36DBE 0%, #A33E9D 50%, #841B7D 100%);
    background: -webkit-linear-gradient(top, #C36DBE 0%, #A33E9D 50%, #841B7D 100%);
    background: linear-gradient(to bottom, #C36DBE 0%, #A33E9D 50%, #841B7D 100%);
}
</style>