#5E5658 - #450E2F | 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 #5E5658 to #450E2F

#5E5658 #450E2F

Calculate the color between two colors, #5E5658 and #450E2F. 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)

#5E5658 - #450E2F | 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 #5E5658 as 0% and #450E2F as 100%.

0.0%	0.0% #5E5658	RGB 94 86 88	#5E5658
16.7%	16.7% #594A51	RGB 89 74 81	#594A51
33.3%	33.3% #553E4A	RGB 85 62 74	#553E4A
50.0%	50.0% #513243	RGB 81 50 67	#513243
66.7%	66.7% #4D263C	RGB 77 38 60	#4D263C
83.3%	83.3% #491A35	RGB 73 26 53	#491A35
100.0%	100.0% #450E2F	RGB 69 14 47	#450E2F

#5E5658 #594A51 #553E4A #513243 #4D263C #491A35 #450E2F

#5E5658 - #450E2F

HSV Blend

#5E5658 - #450E2F | 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 #5E5658 as 0% and #450E2F as 100%.

0.0%	0.0% #5E5658	RGB 94 86 88	#5E5658
16.7%	16.7% #59474D	RGB 89 71 77	#59474D
33.3%	33.3% #553A44	RGB 85 58 68	#553A44
50.0%	50.0% #512D3C	RGB 81 45 60	#512D3C
66.7%	66.7% #4D2236	RGB 77 34 54	#4D2236
83.3%	83.3% #491732	RGB 73 23 50	#491732
100.0%	100.0% #450E2F	RGB 69 14 47	#450E2F

#5E5658 #59474D #553A44 #512D3C #4D2236 #491732 #450E2F

#5E5658 - #512D3C - #450E2F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5658 0%, #512D3C 50%, #450E2F 100%);
    background: -webkit-linear-gradient(top, #5E5658 0%, #512D3C 50%, #450E2F 100%);
    background: linear-gradient(to bottom, #5E5658 0%, #512D3C 50%, #450E2F 100%);
}
</style>