#5E464D - #859F91 | 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 #5E464D to #859F91

#5E464D #859F91

Calculate the color between two colors, #5E464D and #859F91. 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)

#5E464D - #859F91 | 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 #5E464D as 0% and #859F91 as 100%.

0.0%	0.0% #5E464D	RGB 94 70 77	#5E464D
16.7%	16.7% #645458	RGB 100 84 88	#645458
33.3%	33.3% #6B6363	RGB 107 99 99	#6B6363
50.0%	50.0% #71726F	RGB 113 114 111	#71726F
66.7%	66.7% #78817A	RGB 120 129 122	#78817A
83.3%	83.3% #7E9085	RGB 126 144 133	#7E9085
100.0%	100.0% #859F91	RGB 133 159 145	#859F91

#5E464D #645458 #6B6363 #71726F #78817A #7E9085 #859F91

#5E464D - #859F91

HSV Blend

#5E464D - #859F91 | 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 #5E464D as 0% and #859F91 as 100%.

0.0%	0.0% #5E464D	RGB 94 70 77	#5E464D
16.7%	16.7% #68534F	RGB 104 83 79	#68534F
33.3%	33.3% #736959	RGB 115 105 89	#736959
50.0%	50.0% #7C7E64	RGB 124 126 100	#7C7E64
66.7%	66.7% #7A896E	RGB 122 137 110	#7A896E
83.3%	83.3% #799479	RGB 121 148 121	#799479
100.0%	100.0% #859F91	RGB 133 159 145	#859F91

#5E464D #68534F #736959 #7C7E64 #7A896E #799479 #859F91

#5E464D - #7C7E64 - #859F91

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E464D 0%, #7C7E64 50%, #859F91 100%);
    background: -webkit-linear-gradient(top, #5E464D 0%, #7C7E64 50%, #859F91 100%);
    background: linear-gradient(to bottom, #5E464D 0%, #7C7E64 50%, #859F91 100%);
}
</style>