#5E4856 - #859C82 | 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 #5E4856 to #859C82

#5E4856 #859C82

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

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

0.0%	0.0% #5E4856	RGB 94 72 86	#5E4856
16.7%	16.7% #64565D	RGB 100 86 93	#64565D
33.3%	33.3% #6B6464	RGB 107 100 100	#6B6464
50.0%	50.0% #71726C	RGB 113 114 108	#71726C
66.7%	66.7% #788073	RGB 120 128 115	#788073
83.3%	83.3% #7E8E7A	RGB 126 142 122	#7E8E7A
100.0%	100.0% #859C82	RGB 133 156 130	#859C82

#5E4856 #64565D #6B6464 #71726C #788073 #7E8E7A #859C82

#5E4856 - #859C82

HSV Blend

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

0.0%	0.0% #5E4856	RGB 94 72 86	#5E4856
16.7%	16.7% #685156	RGB 104 81 86	#685156
33.3%	33.3% #725F5A	RGB 114 95 90	#725F5A
50.0%	50.0% #7D7363	RGB 125 115 99	#7D7363
66.7%	66.7% #86876D	RGB 134 135 109	#86876D
83.3%	83.3% #859177	RGB 133 145 119	#859177
100.0%	100.0% #859C82	RGB 133 156 130	#859C82

#5E4856 #685156 #725F5A #7D7363 #86876D #859177 #859C82

#5E4856 - #7D7363 - #859C82

CSS codes

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

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