#5E2B49 - #3A0224 | 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 #5E2B49 to #3A0224

#5E2B49 #3A0224

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

#5E2B49 - #3A0224 | 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 #5E2B49 as 0% and #3A0224 as 100%.

0.0%	0.0% #5E2B49	RGB 94 43 73	#5E2B49
16.7%	16.7% #582442	RGB 88 36 66	#582442
33.3%	33.3% #521D3C	RGB 82 29 60	#521D3C
50.0%	50.0% #4C1636	RGB 76 22 54	#4C1636
66.7%	66.7% #460F30	RGB 70 15 48	#460F30
83.3%	83.3% #40082A	RGB 64 8 42	#40082A
100.0%	100.0% #3A0224	RGB 58 2 36	#3A0224

#5E2B49 #582442 #521D3C #4C1636 #460F30 #40082A #3A0224

#5E2B49 - #3A0224

HSV Blend

#5E2B49 - #3A0224 | 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 #5E2B49 as 0% and #3A0224 as 100%.

0.0%	0.0% #5E2B49	RGB 94 43 73	#5E2B49
16.7%	16.7% #582241	RGB 88 34 65	#582241
33.3%	33.3% #52193B	RGB 82 25 59	#52193B
50.0%	50.0% #4C1234	RGB 76 18 52	#4C1234
66.7%	66.7% #460C2E	RGB 70 12 46	#460C2E
83.3%	83.3% #400629	RGB 64 6 41	#400629
100.0%	100.0% #3A0224	RGB 58 2 36	#3A0224

#5E2B49 #582241 #52193B #4C1234 #460C2E #400629 #3A0224

#5E2B49 - #4C1234 - #3A0224

CSS codes

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

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