#808F5E - #EBD080 | 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 #808F5E to #EBD080

#808F5E #EBD080

Calculate the color between two colors, #808F5E and #EBD080. 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)

#808F5E - #EBD080 | 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 #808F5E as 0% and #EBD080 as 100%.

0.0%	0.0% #808F5E	RGB 128 143 94	#808F5E
16.7%	16.7% #919963	RGB 145 153 99	#919963
33.3%	33.3% #A3A469	RGB 163 164 105	#A3A469
50.0%	50.0% #B5AF6F	RGB 181 175 111	#B5AF6F
66.7%	66.7% #C7BA74	RGB 199 186 116	#C7BA74
83.3%	83.3% #D9C57A	RGB 217 197 122	#D9C57A
100.0%	100.0% #EBD080	RGB 235 208 128	#EBD080

#808F5E #919963 #A3A469 #B5AF6F #C7BA74 #D9C57A #EBD080

#808F5E - #EBD080

HSV Blend

#808F5E - #EBD080 | 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 #808F5E as 0% and #EBD080 as 100%.

0.0%	0.0% #808F5E	RGB 128 143 94	#808F5E
16.7%	16.7% #929E65	RGB 146 158 101	#929E65
33.3%	33.3% #A5AD6B	RGB 165 173 107	#A5AD6B
50.0%	50.0% #BABD71	RGB 186 189 113	#BABD71
66.7%	66.7% #CCC676	RGB 204 198 118	#CCC676
83.3%	83.3% #DBCC7B	RGB 219 204 123	#DBCC7B
100.0%	100.0% #EBD080	RGB 235 208 128	#EBD080

#808F5E #929E65 #A5AD6B #BABD71 #CCC676 #DBCC7B #EBD080

#808F5E - #BABD71 - #EBD080

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #808F5E 0%, #BABD71 50%, #EBD080 100%);
    background: -webkit-linear-gradient(top, #808F5E 0%, #BABD71 50%, #EBD080 100%);
    background: linear-gradient(to bottom, #808F5E 0%, #BABD71 50%, #EBD080 100%);
}
</style>