#5E5B5C - #460F39 | 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 #5E5B5C to #460F39

#5E5B5C #460F39

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

#5E5B5C - #460F39 | 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 #5E5B5C as 0% and #460F39 as 100%.

0.0%	0.0% #5E5B5C	RGB 94 91 92	#5E5B5C
16.7%	16.7% #5A4E56	RGB 90 78 86	#5A4E56
33.3%	33.3% #564150	RGB 86 65 80	#564150
50.0%	50.0% #52354A	RGB 82 53 74	#52354A
66.7%	66.7% #4E2844	RGB 78 40 68	#4E2844
83.3%	83.3% #4A1B3E	RGB 74 27 62	#4A1B3E
100.0%	100.0% #460F39	RGB 70 15 57	#460F39

#5E5B5C #5A4E56 #564150 #52354A #4E2844 #4A1B3E #460F39

#5E5B5C - #460F39

HSV Blend

#5E5B5C - #460F39 | 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 #5E5B5C as 0% and #460F39 as 100%.

0.0%	0.0% #5E5B5C	RGB 94 91 92	#5E5B5C
16.7%	16.7% #5A4B51	RGB 90 75 81	#5A4B51
33.3%	33.3% #563D49	RGB 86 61 73	#563D49
50.0%	50.0% #523042	RGB 82 48 66	#523042
66.7%	66.7% #4E243E	RGB 78 36 62	#4E243E
83.3%	83.3% #4A193A	RGB 74 25 58	#4A193A
100.0%	100.0% #460F39	RGB 70 15 57	#460F39

#5E5B5C #5A4B51 #563D49 #523042 #4E243E #4A193A #460F39

#5E5B5C - #523042 - #460F39

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5B5C 0%, #523042 50%, #460F39 100%);
    background: -webkit-linear-gradient(top, #5E5B5C 0%, #523042 50%, #460F39 100%);
    background: linear-gradient(to bottom, #5E5B5C 0%, #523042 50%, #460F39 100%);
}
</style>