#C36B8C - #84193E | 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 #C36B8C to #84193E

#C36B8C #84193E

Calculate the color between two colors, #C36B8C and #84193E. 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)

#C36B8C - #84193E | 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 #C36B8C as 0% and #84193E as 100%.

0.0%	0.0% #C36B8C	RGB 195 107 140	#C36B8C
16.7%	16.7% #B85D7F	RGB 184 93 127	#B85D7F
33.3%	33.3% #AE4F72	RGB 174 79 114	#AE4F72
50.0%	50.0% #A34265	RGB 163 66 101	#A34265
66.7%	66.7% #993458	RGB 153 52 88	#993458
83.3%	83.3% #8E264B	RGB 142 38 75	#8E264B
100.0%	100.0% #84193E	RGB 132 25 62	#84193E

#C36B8C #B85D7F #AE4F72 #A34265 #993458 #8E264B #84193E

#C36B8C - #84193E

HSV Blend

#C36B8C - #84193E | 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 #C36B8C as 0% and #84193E as 100%.

0.0%	0.0% #C36B8C	RGB 195 107 140	#C36B8C
16.7%	16.7% #B85A7D	RGB 184 90 125	#B85A7D
33.3%	33.3% #AE4A6E	RGB 174 74 110	#AE4A6E
50.0%	50.0% #A33C61	RGB 163 60 97	#A33C61
66.7%	66.7% #992F54	RGB 153 47 84	#992F54
83.3%	83.3% #8E2349	RGB 142 35 73	#8E2349
100.0%	100.0% #84193E	RGB 132 25 62	#84193E

#C36B8C #B85A7D #AE4A6E #A33C61 #992F54 #8E2349 #84193E

#C36B8C - #A33C61 - #84193E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C36B8C 0%, #A33C61 50%, #84193E 100%);
    background: -webkit-linear-gradient(top, #C36B8C 0%, #A33C61 50%, #84193E 100%);
    background: linear-gradient(to bottom, #C36B8C 0%, #A33C61 50%, #84193E 100%);
}
</style>