#200919 - #5E3A4E | 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 #200919 to #5E3A4E

#200919 #5E3A4E

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

#200919 - #5E3A4E | 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 #200919 as 0% and #5E3A4E as 100%.

0.0%	0.0% #200919	RGB 32 9 25	#200919
16.7%	16.7% #2A1121	RGB 42 17 33	#2A1121
33.3%	33.3% #34192A	RGB 52 25 42	#34192A
50.0%	50.0% #3F2133	RGB 63 33 51	#3F2133
66.7%	66.7% #49293C	RGB 73 41 60	#49293C
83.3%	83.3% #533145	RGB 83 49 69	#533145
100.0%	100.0% #5E3A4E	RGB 94 58 78	#5E3A4E

#200919 #2A1121 #34192A #3F2133 #49293C #533145 #5E3A4E

#200919 - #5E3A4E

HSV Blend

#200919 - #5E3A4E | 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 #200919 as 0% and #5E3A4E as 100%.

0.0%	0.0% #200919	RGB 32 9 25	#200919
16.7%	16.7% #2A0E21	RGB 42 14 33	#2A0E21
33.3%	33.3% #341429	RGB 52 20 41	#341429
50.0%	50.0% #3F1C32	RGB 63 28 50	#3F1C32
66.7%	66.7% #49253A	RGB 73 37 58	#49253A
83.3%	83.3% #532E44	RGB 83 46 68	#532E44
100.0%	100.0% #5E3A4E	RGB 94 58 78	#5E3A4E

#200919 #2A0E21 #341429 #3F1C32 #49253A #532E44 #5E3A4E

#200919 - #3F1C32 - #5E3A4E

CSS codes

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

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