#88894E - #EDCC74 | 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 #88894E to #EDCC74

#88894E #EDCC74

Calculate the color between two colors, #88894E and #EDCC74. 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)

#88894E - #EDCC74 | 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 #88894E as 0% and #EDCC74 as 100%.

0.0%	0.0% #88894E	RGB 136 137 78	#88894E
16.7%	16.7% #989454	RGB 152 148 84	#989454
33.3%	33.3% #A99F5A	RGB 169 159 90	#A99F5A
50.0%	50.0% #BAAA61	RGB 186 170 97	#BAAA61
66.7%	66.7% #CBB567	RGB 203 181 103	#CBB567
83.3%	83.3% #DCC06D	RGB 220 192 109	#DCC06D
100.0%	100.0% #EDCC74	RGB 237 204 116	#EDCC74

#88894E #989454 #A99F5A #BAAA61 #CBB567 #DCC06D #EDCC74

#88894E - #EDCC74

HSV Blend

#88894E - #EDCC74 | 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 #88894E as 0% and #EDCC74 as 100%.

0.0%	0.0% #88894E	RGB 136 137 78	#88894E
16.7%	16.7% #999755	RGB 153 151 85	#999755
33.3%	33.3% #AAA45C	RGB 170 164 92	#AAA45C
50.0%	50.0% #BBAF62	RGB 187 175 98	#BBAF62
66.7%	66.7% #CBBA69	RGB 203 186 105	#CBBA69
83.3%	83.3% #DCC36E	RGB 220 195 110	#DCC36E
100.0%	100.0% #EDCC74	RGB 237 204 116	#EDCC74

#88894E #999755 #AAA45C #BBAF62 #CBBA69 #DCC36E #EDCC74

#88894E - #BBAF62 - #EDCC74

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #88894E 0%, #BBAF62 50%, #EDCC74 100%);
    background: -webkit-linear-gradient(top, #88894E 0%, #BBAF62 50%, #EDCC74 100%);
    background: linear-gradient(to bottom, #88894E 0%, #BBAF62 50%, #EDCC74 100%);
}
</style>