#C36D8C - #841B3E | 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 #C36D8C to #841B3E

#C36D8C #841B3E

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

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

0.0%	0.0% #C36D8C	RGB 195 109 140	#C36D8C
16.7%	16.7% #B85F7F	RGB 184 95 127	#B85F7F
33.3%	33.3% #AE5172	RGB 174 81 114	#AE5172
50.0%	50.0% #A34465	RGB 163 68 101	#A34465
66.7%	66.7% #993658	RGB 153 54 88	#993658
83.3%	83.3% #8E284B	RGB 142 40 75	#8E284B
100.0%	100.0% #841B3E	RGB 132 27 62	#841B3E

#C36D8C #B85F7F #AE5172 #A34465 #993658 #8E284B #841B3E

#C36D8C - #841B3E

HSV Blend

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

0.0%	0.0% #C36D8B	RGB 195 109 139	#C36D8B
16.7%	16.7% #B85C7D	RGB 184 92 125	#B85C7D
33.3%	33.3% #AE4C6E	RGB 174 76 110	#AE4C6E
50.0%	50.0% #A33E61	RGB 163 62 97	#A33E61
66.7%	66.7% #993154	RGB 153 49 84	#993154
83.3%	83.3% #8E2549	RGB 142 37 73	#8E2549
100.0%	100.0% #841B3E	RGB 132 27 62	#841B3E

#C36D8B #B85C7D #AE4C6E #A33E61 #993154 #8E2549 #841B3E

#C36D8C - #A33E61 - #841B3E

CSS codes

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

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