#CD3232 - #84110C | 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 #CD3232 to #84110C

#CD3232 #84110C

Calculate the color between two colors, #CD3232 and #84110C. 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)

#CD3232 - #84110C | 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 #CD3232 as 0% and #84110C as 100%.

0.0%	0.0% #CD3232	RGB 205 50 50	#CD3232
16.7%	16.7% #C02C2B	RGB 192 44 43	#C02C2B
33.3%	33.3% #B42725	RGB 180 39 37	#B42725
50.0%	50.0% #A8211F	RGB 168 33 31	#A8211F
66.7%	66.7% #9C1C18	RGB 156 28 24	#9C1C18
83.3%	83.3% #901612	RGB 144 22 18	#901612
100.0%	100.0% #84110C	RGB 132 17 12	#84110C

#CD3232 #C02C2B #B42725 #A8211F #9C1C18 #901612 #84110C

#CD3232 - #84110C

HSV Blend

#CD3232 - #84110C | 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 #CD3232 as 0% and #84110C as 100%.

0.0%	0.0% #CD3232	RGB 205 50 50	#CD3232
16.7%	16.7% #C02B2A	RGB 192 43 42	#C02B2A
33.3%	33.3% #B42422	RGB 180 36 34	#B42422
50.0%	50.0% #A81F1C	RGB 168 31 28	#A81F1C
66.7%	66.7% #9C1916	RGB 156 25 22	#9C1916
83.3%	83.3% #901510	RGB 144 21 16	#901510
100.0%	100.0% #84110C	RGB 132 17 12	#84110C

#CD3232 #C02B2A #B42422 #A81F1C #9C1916 #901510 #84110C

#CD3232 - #A81F1C - #84110C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CD3232 0%, #A81F1C 50%, #84110C 100%);
    background: -webkit-linear-gradient(top, #CD3232 0%, #A81F1C 50%, #84110C 100%);
    background: linear-gradient(to bottom, #CD3232 0%, #A81F1C 50%, #84110C 100%);
}
</style>