#C37C8F - #872A41 | 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 #C37C8F to #872A41

#C37C8F #872A41

Calculate the color between two colors, #C37C8F and #872A41. 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)

#C37C8F - #872A41 | 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 #C37C8F as 0% and #872A41 as 100%.

0.0%	0.0% #C37C8F	RGB 195 124 143	#C37C8F
16.7%	16.7% #B96E82	RGB 185 110 130	#B96E82
33.3%	33.3% #AF6075	RGB 175 96 117	#AF6075
50.0%	50.0% #A55368	RGB 165 83 104	#A55368
66.7%	66.7% #9B455B	RGB 155 69 91	#9B455B
83.3%	83.3% #91374E	RGB 145 55 78	#91374E
100.0%	100.0% #872A41	RGB 135 42 65	#872A41

#C37C8F #B96E82 #AF6075 #A55368 #9B455B #91374E #872A41

#C37C8F - #872A41

HSV Blend

#C37C8F - #872A41 | 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 #C37C8F as 0% and #872A41 as 100%.

0.0%	0.0% #C37C8E	RGB 195 124 142	#C37C8E
16.7%	16.7% #B96B80	RGB 185 107 128	#B96B80
33.3%	33.3% #AF5C71	RGB 175 92 113	#AF5C71
50.0%	50.0% #A54E64	RGB 165 78 100	#A54E64
66.7%	66.7% #9B4157	RGB 155 65 87	#9B4157
83.3%	83.3% #91344C	RGB 145 52 76	#91344C
100.0%	100.0% #872A41	RGB 135 42 65	#872A41

#C37C8E #B96B80 #AF5C71 #A54E64 #9B4157 #91344C #872A41

#C37C8F - #A54E64 - #872A41

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C37C8E 0%, #A54E64 50%, #872A41 100%);
    background: -webkit-linear-gradient(top, #C37C8E 0%, #A54E64 50%, #872A41 100%);
    background: linear-gradient(to bottom, #C37C8E 0%, #A54E64 50%, #872A41 100%);
}
</style>