#20181C - #210007 | 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 #20181C to #210007

#20181C #210007

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

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

0.0%	0.0% #20181C	RGB 32 24 28	#20181C
16.7%	16.7% #201418	RGB 32 20 24	#201418
33.3%	33.3% #201015	RGB 32 16 21	#201015
50.0%	50.0% #200C11	RGB 32 12 17	#200C11
66.7%	66.7% #20080E	RGB 32 8 14	#20080E
83.3%	83.3% #20040A	RGB 32 4 10	#20040A
100.0%	100.0% #210007	RGB 33 0 7	#210007

#20181C #201418 #201015 #200C11 #20080E #20040A #210007

#20181C - #210007

HSV Blend

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

0.0%	0.0% #20181C	RGB 32 24 28	#20181C
16.7%	16.7% #201419	RGB 32 20 25	#201419
33.3%	33.3% #201016	RGB 32 16 22	#201016
50.0%	50.0% #200C13	RGB 32 12 19	#200C13
66.7%	66.7% #20080F	RGB 32 8 15	#20080F
83.3%	83.3% #20040B	RGB 32 4 11	#20040B
100.0%	100.0% #210007	RGB 33 0 7	#210007

#20181C #201419 #201016 #200C13 #20080F #20040B #210007

#20181C - #200C13 - #210007

CSS codes

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

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