#5E4D5B - #370A2E | 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 #5E4D5B to #370A2E

#5E4D5B #370A2E

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

#5E4D5B - #370A2E | 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 #5E4D5B as 0% and #370A2E as 100%.

0.0%	0.0% #5E4D5B	RGB 94 77 91	#5E4D5B
16.7%	16.7% #574153	RGB 87 65 83	#574153
33.3%	33.3% #51364C	RGB 81 54 76	#51364C
50.0%	50.0% #4A2B44	RGB 74 43 68	#4A2B44
66.7%	66.7% #44203D	RGB 68 32 61	#44203D
83.3%	83.3% #3D1535	RGB 61 21 53	#3D1535
100.0%	100.0% #370A2E	RGB 55 10 46	#370A2E

#5E4D5B #574153 #51364C #4A2B44 #44203D #3D1535 #370A2E

#5E4D5B - #370A2E

HSV Blend

#5E4D5B - #370A2E | 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 #5E4D5B as 0% and #370A2E as 100%.

0.0%	0.0% #5E4D5B	RGB 94 77 91	#5E4D5B
16.7%	16.7% #573E52	RGB 87 62 82	#573E52
33.3%	33.3% #51314B	RGB 81 49 75	#51314B
50.0%	50.0% #4A2543	RGB 74 37 67	#4A2543
66.7%	66.7% #441A3C	RGB 68 26 60	#441A3C
83.3%	83.3% #3D1134	RGB 61 17 52	#3D1134
100.0%	100.0% #370A2E	RGB 55 10 46	#370A2E

#5E4D5B #573E52 #51314B #4A2543 #441A3C #3D1134 #370A2E

#5E4D5B - #4A2543 - #370A2E

CSS codes

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

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