#5C4D5E - #370A34 | 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 #5C4D5E to #370A34

#5C4D5E #370A34

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

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

0.0%	0.0% #5C4D5E	RGB 92 77 94	#5C4D5E
16.7%	16.7% #554157	RGB 85 65 87	#554157
33.3%	33.3% #4F3650	RGB 79 54 80	#4F3650
50.0%	50.0% #492B49	RGB 73 43 73	#492B49
66.7%	66.7% #432042	RGB 67 32 66	#432042
83.3%	83.3% #3D153B	RGB 61 21 59	#3D153B
100.0%	100.0% #370A34	RGB 55 10 52	#370A34

#5C4D5E #554157 #4F3650 #492B49 #432042 #3D153B #370A34

#5C4D5E - #370A34

HSV Blend

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

0.0%	0.0% #5C4D5E	RGB 92 77 94	#5C4D5E
16.7%	16.7% #553E57	RGB 85 62 87	#553E57
33.3%	33.3% #4F3151	RGB 79 49 81	#4F3151
50.0%	50.0% #49254A	RGB 73 37 74	#49254A
66.7%	66.7% #441A43	RGB 68 26 67	#441A43
83.3%	83.3% #3D113B	RGB 61 17 59	#3D113B
100.0%	100.0% #370A34	RGB 55 10 52	#370A34

#5C4D5E #553E57 #4F3151 #49254A #441A43 #3D113B #370A34

#5C4D5E - #49254A - #370A34

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5C4D5E 0%, #49254A 50%, #370A34 100%);
    background: -webkit-linear-gradient(top, #5C4D5E 0%, #49254A 50%, #370A34 100%);
    background: linear-gradient(to bottom, #5C4D5E 0%, #49254A 50%, #370A34 100%);
}
</style>