#CE3232 - #A20001 | 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 #CE3232 to #A20001

#CE3232 #A20001

Calculate the color between two colors, #CE3232 and #A20001. 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)

#CE3232 - #A20001 | 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 #CE3232 as 0% and #A20001 as 100%.

0.0%	0.0% #CE3232	RGB 206 50 50	#CE3232
16.7%	16.7% #C62929	RGB 198 41 41	#C62929
33.3%	33.3% #BF2121	RGB 191 33 33	#BF2121
50.0%	50.0% #B81919	RGB 184 25 25	#B81919
66.7%	66.7% #B01011	RGB 176 16 17	#B01011
83.3%	83.3% #A90809	RGB 169 8 9	#A90809
100.0%	100.0% #A20001	RGB 162 0 1	#A20001

#CE3232 #C62929 #BF2121 #B81919 #B01011 #A90809 #A20001

#CE3232 - #A20001

HSV Blend

#CE3232 - #A20001 | 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 #CE3232 as 0% and #A20001 as 100%.

0.0%	0.0% #CE3232	RGB 206 50 50	#CE3232
16.7%	16.7% #C62828	RGB 198 40 40	#C62828
33.3%	33.3% #BF1E1F	RGB 191 30 31	#BF1E1F
50.0%	50.0% #B81616	RGB 184 22 22	#B81616
66.7%	66.7% #B00E0E	RGB 176 14 14	#B00E0E
83.3%	83.3% #A90607	RGB 169 6 7	#A90607
100.0%	100.0% #A20001	RGB 162 0 1	#A20001

#CE3232 #C62828 #BF1E1F #B81616 #B00E0E #A90607 #A20001

#CE3232 - #B81616 - #A20001

CSS codes

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

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