#EBD99D - #B4983E | 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 #EBD99D to #B4983E

#EBD99D #B4983E

Calculate the color between two colors, #EBD99D and #B4983E. 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)

#EBD99D - #B4983E | 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 #EBD99D as 0% and #B4983E as 100%.

0.0%	0.0% #EBD99D	RGB 235 217 157	#EBD99D
16.7%	16.7% #E1CE8D	RGB 225 206 141	#E1CE8D
33.3%	33.3% #D8C37D	RGB 216 195 125	#D8C37D
50.0%	50.0% #CFB86D	RGB 207 184 109	#CFB86D
66.7%	66.7% #C6AD5D	RGB 198 173 93	#C6AD5D
83.3%	83.3% #BDA24D	RGB 189 162 77	#BDA24D
100.0%	100.0% #B4983E	RGB 180 152 62	#B4983E

#EBD99D #E1CE8D #D8C37D #CFB86D #C6AD5D #BDA24D #B4983E

#EBD99D - #B4983E

HSV Blend

#EBD99D - #B4983E | 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 #EBD99D as 0% and #B4983E as 100%.

0.0%	0.0% #EBD99D	RGB 235 217 157	#EBD99D
16.7%	16.7% #E1CD8A	RGB 225 205 138	#E1CD8A
33.3%	33.3% #D8C279	RGB 216 194 121	#D8C279
50.0%	50.0% #CFB769	RGB 207 183 105	#CFB769
66.7%	66.7% #C6AC59	RGB 198 172 89	#C6AC59
83.3%	83.3% #BDA24B	RGB 189 162 75	#BDA24B
100.0%	100.0% #B4983E	RGB 180 152 62	#B4983E

#EBD99D #E1CD8A #D8C279 #CFB769 #C6AC59 #BDA24B #B4983E

#EBD99D - #CFB769 - #B4983E

CSS codes

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

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