#5E505C - #370B30 | 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 #5E505C to #370B30

#5E505C #370B30

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

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

0.0%	0.0% #5E505C	RGB 94 80 92	#5E505C
16.7%	16.7% #574454	RGB 87 68 84	#574454
33.3%	33.3% #51394D	RGB 81 57 77	#51394D
50.0%	50.0% #4A2D46	RGB 74 45 70	#4A2D46
66.7%	66.7% #44213E	RGB 68 33 62	#44213E
83.3%	83.3% #3D1637	RGB 61 22 55	#3D1637
100.0%	100.0% #370B30	RGB 55 11 48	#370B30

#5E505C #574454 #51394D #4A2D46 #44213E #3D1637 #370B30

#5E505C - #370B30

HSV Blend

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

0.0%	0.0% #5E505C	RGB 94 80 92	#5E505C
16.7%	16.7% #574054	RGB 87 64 84	#574054
33.3%	33.3% #51334C	RGB 81 51 76	#51334C
50.0%	50.0% #4A2745	RGB 74 39 69	#4A2745
66.7%	66.7% #441C3D	RGB 68 28 61	#441C3D
83.3%	83.3% #3D1236	RGB 61 18 54	#3D1236
100.0%	100.0% #370B30	RGB 55 11 48	#370B30

#5E505C #574054 #51334C #4A2745 #441C3D #3D1236 #370B30

#5E505C - #4A2745 - #370B30

CSS codes

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

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