#C1736B - #37201E | 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 #C1736B to #37201E

#C1736B #37201E

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

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

0.0%	0.0% #C1736B	RGB 193 115 107	#C1736B
16.7%	16.7% #AA655E	RGB 170 101 94	#AA655E
33.3%	33.3% #935751	RGB 147 87 81	#935751
50.0%	50.0% #7C4944	RGB 124 73 68	#7C4944
66.7%	66.7% #653B37	RGB 101 59 55	#653B37
83.3%	83.3% #4E2D2A	RGB 78 45 42	#4E2D2A
100.0%	100.0% #37201E	RGB 55 32 30	#37201E

#C1736B #AA655E #935751 #7C4944 #653B37 #4E2D2A #37201E

#C1736B - #37201E

HSV Blend

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

0.0%	0.0% #C1736B	RGB 193 115 107	#C1736B
16.7%	16.7% #AA645D	RGB 170 100 93	#AA645D
33.3%	33.3% #935651	RGB 147 86 81	#935651
50.0%	50.0% #7C4944	RGB 124 73 68	#7C4944
66.7%	66.7% #653B37	RGB 101 59 55	#653B37
83.3%	83.3% #4E2D2A	RGB 78 45 42	#4E2D2A
100.0%	100.0% #37201E	RGB 55 32 30	#37201E

#C1736B #AA645D #935651 #7C4944 #653B37 #4E2D2A #37201E

#C1736B - #7C4944 - #37201E

CSS codes

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

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