#C65E5E - #99201A | 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 #C65E5E to #99201A

#C65E5E #99201A

Calculate the color between two colors, #C65E5E and #99201A. 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)

#C65E5E - #99201A | 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 #C65E5E as 0% and #99201A as 100%.

0.0%	0.0% #C65E5E	RGB 198 94 94	#C65E5E
16.7%	16.7% #BE5352	RGB 190 83 82	#BE5352
33.3%	33.3% #B74947	RGB 183 73 71	#B74947
50.0%	50.0% #AF3F3C	RGB 175 63 60	#AF3F3C
66.7%	66.7% #A83430	RGB 168 52 48	#A83430
83.3%	83.3% #A02A25	RGB 160 42 37	#A02A25
100.0%	100.0% #99201A	RGB 153 32 26	#99201A

#C65E5E #BE5352 #B74947 #AF3F3C #A83430 #A02A25 #99201A

#C65E5E - #99201A

HSV Blend

#C65E5E - #99201A | 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 #C65E5E as 0% and #99201A as 100%.

0.0%	0.0% #C65D5D	RGB 198 93 93	#C65D5D
16.7%	16.7% #BE5150	RGB 190 81 80	#BE5150
33.3%	33.3% #B74644	RGB 183 70 68	#B74644
50.0%	50.0% #AF3B38	RGB 175 59 56	#AF3B38
66.7%	66.7% #A8312D	RGB 168 49 45	#A8312D
83.3%	83.3% #A02823	RGB 160 40 35	#A02823
100.0%	100.0% #99201A	RGB 153 32 26	#99201A

#C65D5D #BE5150 #B74644 #AF3B38 #A8312D #A02823 #99201A

#C65E5E - #AF3B38 - #99201A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C65D5D 0%, #AF3B38 50%, #99201A 100%);
    background: -webkit-linear-gradient(top, #C65D5D 0%, #AF3B38 50%, #99201A 100%);
    background: linear-gradient(to bottom, #C65D5D 0%, #AF3B38 50%, #99201A 100%);
}
</style>