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

#CE3E3E #A20001

Calculate the color between two colors, #CE3E3E 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)

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

0.0%	0.0% #CE3E3E	RGB 206 62 62	#CE3E3E
16.7%	16.7% #C63333	RGB 198 51 51	#C63333
33.3%	33.3% #BF2929	RGB 191 41 41	#BF2929
50.0%	50.0% #B81F1F	RGB 184 31 31	#B81F1F
66.7%	66.7% #B01415	RGB 176 20 21	#B01415
83.3%	83.3% #A90A0B	RGB 169 10 11	#A90A0B
100.0%	100.0% #A20001	RGB 162 0 1	#A20001

#CE3E3E #C63333 #BF2929 #B81F1F #B01415 #A90A0B #A20001

#CE3E3E - #A20001

HSV Blend

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

0.0%	0.0% #CE3E3E	RGB 206 62 62	#CE3E3E
16.7%	16.7% #C63131	RGB 198 49 49	#C63131
33.3%	33.3% #BF2626	RGB 191 38 38	#BF2626
50.0%	50.0% #B81B1C	RGB 184 27 28	#B81B1C
66.7%	66.7% #B01112	RGB 176 17 18	#B01112
83.3%	83.3% #A90809	RGB 169 8 9	#A90809
100.0%	100.0% #A20001	RGB 162 0 1	#A20001

#CE3E3E #C63131 #BF2626 #B81B1C #B01112 #A90809 #A20001

#CE3E3E - #B81B1C - #A20001

CSS codes

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

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