#85504A - #E79A6B | 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 #85504A to #E79A6B

#85504A #E79A6B

Calculate the color between two colors, #85504A and #E79A6B. 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)

#85504A - #E79A6B | 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 #85504A as 0% and #E79A6B as 100%.

0.0%	0.0% #85504A	RGB 133 80 74	#85504A
16.7%	16.7% #955C4F	RGB 149 92 79	#955C4F
33.3%	33.3% #A56855	RGB 165 104 85	#A56855
50.0%	50.0% #B6755A	RGB 182 117 90	#B6755A
66.7%	66.7% #C68160	RGB 198 129 96	#C68160
83.3%	83.3% #D68D65	RGB 214 141 101	#D68D65
100.0%	100.0% #E79A6B	RGB 231 154 107	#E79A6B

#85504A #955C4F #A56855 #B6755A #C68160 #D68D65 #E79A6B

#85504A - #E79A6B

HSV Blend

#85504A - #E79A6B | 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 #85504A as 0% and #E79A6B as 100%.

0.0%	0.0% #85504A	RGB 133 80 74	#85504A
16.7%	16.7% #955A50	RGB 149 90 80	#955A50
33.3%	33.3% #A56657	RGB 165 102 87	#A56657
50.0%	50.0% #B6725C	RGB 182 114 92	#B6725C
66.7%	66.7% #C67E62	RGB 198 126 98	#C67E62
83.3%	83.3% #D68C66	RGB 214 140 102	#D68C66
100.0%	100.0% #E79A6B	RGB 231 154 107	#E79A6B

#85504A #955A50 #A56657 #B6725C #C67E62 #D68C66 #E79A6B

#85504A - #B6725C - #E79A6B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #85504A 0%, #B6725C 50%, #E79A6B 100%);
    background: -webkit-linear-gradient(top, #85504A 0%, #B6725C 50%, #E79A6B 100%);
    background: linear-gradient(to bottom, #85504A 0%, #B6725C 50%, #E79A6B 100%);
}
</style>