#CE2E3C - #640B16 | 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 #CE2E3C to #640B16

#CE2E3C #640B16

Calculate the color between two colors, #CE2E3C and #640B16. 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)

#CE2E3C - #640B16 | 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 #CE2E3C as 0% and #640B16 as 100%.

0.0%	0.0% #CE2E3C	RGB 206 46 60	#CE2E3C
16.7%	16.7% #BC2835	RGB 188 40 53	#BC2835
33.3%	33.3% #AA222F	RGB 170 34 47	#AA222F
50.0%	50.0% #991C29	RGB 153 28 41	#991C29
66.7%	66.7% #871622	RGB 135 22 34	#871622
83.3%	83.3% #75101C	RGB 117 16 28	#75101C
100.0%	100.0% #640B16	RGB 100 11 22	#640B16

#CE2E3C #BC2835 #AA222F #991C29 #871622 #75101C #640B16

#CE2E3C - #640B16

HSV Blend

#CE2E3C - #640B16 | 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 #CE2E3C as 0% and #640B16 as 100%.

0.0%	0.0% #CE2D3C	RGB 206 45 60	#CE2D3C
16.7%	16.7% #BC2634	RGB 188 38 52	#BC2634
33.3%	33.3% #AA1F2D	RGB 170 31 45	#AA1F2D
50.0%	50.0% #991926	RGB 153 25 38	#991926
66.7%	66.7% #871320	RGB 135 19 32	#871320
83.3%	83.3% #750F1B	RGB 117 15 27	#750F1B
100.0%	100.0% #640B16	RGB 100 11 22	#640B16

#CE2D3C #BC2634 #AA1F2D #991926 #871320 #750F1B #640B16

#CE2E3C - #991926 - #640B16

CSS codes

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

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