#615E5E - #5C1212 | 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 #615E5E to #5C1212

#615E5E #5C1212

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

#615E5E - #5C1212 | 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 #615E5E as 0% and #5C1212 as 100%.

0.0%	0.0% #615E5E	RGB 97 94 94	#615E5E
16.7%	16.7% #605151	RGB 96 81 81	#605151
33.3%	33.3% #5F4444	RGB 95 68 68	#5F4444
50.0%	50.0% #5E3838	RGB 94 56 56	#5E3838
66.7%	66.7% #5D2B2B	RGB 93 43 43	#5D2B2B
83.3%	83.3% #5C1E1E	RGB 92 30 30	#5C1E1E
100.0%	100.0% #5C1212	RGB 92 18 18	#5C1212

#615E5E #605151 #5F4444 #5E3838 #5D2B2B #5C1E1E #5C1212

#615E5E - #5C1212

HSV Blend

#615E5E - #5C1212 | 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 #615E5E as 0% and #5C1212 as 100%.

0.0%	0.0% #615E5E	RGB 97 94 94	#615E5E
16.7%	16.7% #605050	RGB 96 80 80	#605050
33.3%	33.3% #5F4343	RGB 95 67 67	#5F4343
50.0%	50.0% #5E3737	RGB 94 55 55	#5E3737
66.7%	66.7% #5D2A2A	RGB 93 42 42	#5D2A2A
83.3%	83.3% #5C1E1E	RGB 92 30 30	#5C1E1E
100.0%	100.0% #5C1212	RGB 92 18 18	#5C1212

#615E5E #605050 #5F4343 #5E3737 #5D2A2A #5C1E1E #5C1212

#615E5E - #5E3737 - #5C1212

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #615E5E 0%, #5E3737 50%, #5C1212 100%);
    background: -webkit-linear-gradient(top, #615E5E 0%, #5E3737 50%, #5C1212 100%);
    background: linear-gradient(to bottom, #615E5E 0%, #5E3737 50%, #5C1212 100%);
}
</style>