#5E3454 - #400812 | 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 #5E3454 to #400812

#5E3454 #400812

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

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

0.0%	0.0% #5E3454	RGB 94 52 84	#5E3454
16.7%	16.7% #592C49	RGB 89 44 73	#592C49
33.3%	33.3% #54253E	RGB 84 37 62	#54253E
50.0%	50.0% #4F1E33	RGB 79 30 51	#4F1E33
66.7%	66.7% #4A1628	RGB 74 22 40	#4A1628
83.3%	83.3% #450F1D	RGB 69 15 29	#450F1D
100.0%	100.0% #400812	RGB 64 8 18	#400812

#5E3454 #592C49 #54253E #4F1E33 #4A1628 #450F1D #400812

#5E3454 - #400812

HSV Blend

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

0.0%	0.0% #5E3454	RGB 94 52 84	#5E3454
16.7%	16.7% #592A49	RGB 89 42 73	#592A49
33.3%	33.3% #54223E	RGB 84 34 62	#54223E
50.0%	50.0% #4F1A33	RGB 79 26 51	#4F1A33
66.7%	66.7% #4A1328	RGB 74 19 40	#4A1328
83.3%	83.3% #450D1C	RGB 69 13 28	#450D1C
100.0%	100.0% #400812	RGB 64 8 18	#400812

#5E3454 #592A49 #54223E #4F1A33 #4A1328 #450D1C #400812

#5E3454 - #4F1A33 - #400812

CSS codes

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

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