#20011A - #5E0F3E | 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 #20011A to #5E0F3E

#20011A #5E0F3E

Calculate the color between two colors, #20011A and #5E0F3E. 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)

#20011A - #5E0F3E | 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 #20011A as 0% and #5E0F3E as 100%.

0.0%	0.0% #20011A	RGB 32 1 26	#20011A
16.7%	16.7% #2A0320	RGB 42 3 32	#2A0320
33.3%	33.3% #340526	RGB 52 5 38	#340526
50.0%	50.0% #3F082C	RGB 63 8 44	#3F082C
66.7%	66.7% #490A32	RGB 73 10 50	#490A32
83.3%	83.3% #530C38	RGB 83 12 56	#530C38
100.0%	100.0% #5E0F3E	RGB 94 15 62	#5E0F3E

#20011A #2A0320 #340526 #3F082C #490A32 #530C38 #5E0F3E

#20011A - #5E0F3E

HSV Blend

#20011A - #5E0F3E | 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 #20011A as 0% and #5E0F3E as 100%.

0.0%	0.0% #20011A	RGB 32 1 26	#20011A
16.7%	16.7% #2A0221	RGB 42 2 33	#2A0221
33.3%	33.3% #340327	RGB 52 3 39	#340327
50.0%	50.0% #3F062D	RGB 63 6 45	#3F062D
66.7%	66.7% #490833	RGB 73 8 51	#490833
83.3%	83.3% #530B39	RGB 83 11 57	#530B39
100.0%	100.0% #5E0F3E	RGB 94 15 62	#5E0F3E

#20011A #2A0221 #340327 #3F062D #490833 #530B39 #5E0F3E

#20011A - #3F062D - #5E0F3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #20011A 0%, #3F062D 50%, #5E0F3E 100%);
    background: -webkit-linear-gradient(top, #20011A 0%, #3F062D 50%, #5E0F3E 100%);
    background: linear-gradient(to bottom, #20011A 0%, #3F062D 50%, #5E0F3E 100%);
}
</style>