#C36161 - #97221B | 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 #C36161 to #97221B

#C36161 #97221B

Calculate the color between two colors, #C36161 and #97221B. 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)

#C36161 - #97221B | 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 #C36161 as 0% and #97221B as 100%.

0.0%	0.0% #C36161	RGB 195 97 97	#C36161
16.7%	16.7% #BB5655	RGB 187 86 85	#BB5655
33.3%	33.3% #B44C49	RGB 180 76 73	#B44C49
50.0%	50.0% #AD413E	RGB 173 65 62	#AD413E
66.7%	66.7% #A53732	RGB 165 55 50	#A53732
83.3%	83.3% #9E2C26	RGB 158 44 38	#9E2C26
100.0%	100.0% #97221B	RGB 151 34 27	#97221B

#C36161 #BB5655 #B44C49 #AD413E #A53732 #9E2C26 #97221B

#C36161 - #97221B

HSV Blend

#C36161 - #97221B | 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 #C36161 as 0% and #97221B as 100%.

0.0%	0.0% #C36161	RGB 195 97 97	#C36161
16.7%	16.7% #BB5453	RGB 187 84 83	#BB5453
33.3%	33.3% #B44846	RGB 180 72 70	#B44846
50.0%	50.0% #AD3D3A	RGB 173 61 58	#AD3D3A
66.7%	66.7% #A5332F	RGB 165 51 47	#A5332F
83.3%	83.3% #9E2A24	RGB 158 42 36	#9E2A24
100.0%	100.0% #97221B	RGB 151 34 27	#97221B

#C36161 #BB5453 #B44846 #AD3D3A #A5332F #9E2A24 #97221B

#C36161 - #AD3D3A - #97221B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C36161 0%, #AD3D3A 50%, #97221B 100%);
    background: -webkit-linear-gradient(top, #C36161 0%, #AD3D3A 50%, #97221B 100%);
    background: linear-gradient(to bottom, #C36161 0%, #AD3D3A 50%, #97221B 100%);
}
</style>