#5E2C5A - #1F0F04 | 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 #5E2C5A to #1F0F04

#5E2C5A #1F0F04

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

#5E2C5A - #1F0F04 | 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 #5E2C5A as 0% and #1F0F04 as 100%.

0.0%	0.0% #5E2C5A	RGB 94 44 90	#5E2C5A
16.7%	16.7% #53274B	RGB 83 39 75	#53274B
33.3%	33.3% #49223D	RGB 73 34 61	#49223D
50.0%	50.0% #3E1D2F	RGB 62 29 47	#3E1D2F
66.7%	66.7% #341820	RGB 52 24 32	#341820
83.3%	83.3% #291312	RGB 41 19 18	#291312
100.0%	100.0% #1F0F04	RGB 31 15 4	#1F0F04

#5E2C5A #53274B #49223D #3E1D2F #341820 #291312 #1F0F04

#5E2C5A - #1F0F04

HSV Blend

#5E2C5A - #1F0F04 | 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 #5E2C5A as 0% and #1F0F04 as 100%.

0.0%	0.0% #5E2C59	RGB 94 44 89	#5E2C59
16.7%	16.7% #532244	RGB 83 34 68	#532244
33.3%	33.3% #491930	RGB 73 25 48	#491930
50.0%	50.0% #3E121D	RGB 62 18 29	#3E121D
66.7%	66.7% #340C0D	RGB 52 12 13	#340C0D
83.3%	83.3% #290D07	RGB 41 13 7	#290D07
100.0%	100.0% #1F0F04	RGB 31 15 4	#1F0F04

#5E2C59 #532244 #491930 #3E121D #340C0D #290D07 #1F0F04

#5E2C5A - #3E121D - #1F0F04

CSS codes

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

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