#5E2435 - #3A0025 | 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 #5E2435 to #3A0025

#5E2435 #3A0025

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

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

0.0%	0.0% #5E2435	RGB 94 36 53	#5E2435
16.7%	16.7% #581E32	RGB 88 30 50	#581E32
33.3%	33.3% #52182F	RGB 82 24 47	#52182F
50.0%	50.0% #4C122D	RGB 76 18 45	#4C122D
66.7%	66.7% #460C2A	RGB 70 12 42	#460C2A
83.3%	83.3% #400627	RGB 64 6 39	#400627
100.0%	100.0% #3A0025	RGB 58 0 37	#3A0025

#5E2435 #581E32 #52182F #4C122D #460C2A #400627 #3A0025

#5E2435 - #3A0025

HSV Blend

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

0.0%	0.0% #5E2435	RGB 94 36 53	#5E2435
16.7%	16.7% #581C31	RGB 88 28 49	#581C31
33.3%	33.3% #52142D	RGB 82 20 45	#52142D
50.0%	50.0% #4C0E2B	RGB 76 14 43	#4C0E2B
66.7%	66.7% #460828	RGB 70 8 40	#460828
83.3%	83.3% #400426	RGB 64 4 38	#400426
100.0%	100.0% #3A0025	RGB 58 0 37	#3A0025

#5E2435 #581C31 #52142D #4C0E2B #460828 #400426 #3A0025

#5E2435 - #4C0E2B - #3A0025

CSS codes

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

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