#EBE3C5 - #CDB271 | 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 #EBE3C5 to #CDB271

#EBE3C5 #CDB271

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

#EBE3C5 - #CDB271 | 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 #EBE3C5 as 0% and #CDB271 as 100%.

0.0%	0.0% #EBE3C5	RGB 235 227 197	#EBE3C5
16.7%	16.7% #E6DAB7	RGB 230 218 183	#E6DAB7
33.3%	33.3% #E1D2A9	RGB 225 210 169	#E1D2A9
50.0%	50.0% #DCCA9B	RGB 220 202 155	#DCCA9B
66.7%	66.7% #D7C28D	RGB 215 194 141	#D7C28D
83.3%	83.3% #D2BA7F	RGB 210 186 127	#D2BA7F
100.0%	100.0% #CDB271	RGB 205 178 113	#CDB271

#EBE3C5 #E6DAB7 #E1D2A9 #DCCA9B #D7C28D #D2BA7F #CDB271

#EBE3C5 - #CDB271

HSV Blend

#EBE3C5 - #CDB271 | 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 #EBE3C5 as 0% and #CDB271 as 100%.

0.0%	0.0% #EBE3C5	RGB 235 227 197	#EBE3C5
16.7%	16.7% #E6DBB5	RGB 230 219 181	#E6DBB5
33.3%	33.3% #E1D3A7	RGB 225 211 167	#E1D3A7
50.0%	50.0% #DCCB98	RGB 220 203 152	#DCCB98
66.7%	66.7% #D7C28B	RGB 215 194 139	#D7C28B
83.3%	83.3% #D2BA7D	RGB 210 186 125	#D2BA7D
100.0%	100.0% #CDB271	RGB 205 178 113	#CDB271

#EBE3C5 #E6DBB5 #E1D3A7 #DCCB98 #D7C28B #D2BA7D #CDB271

#EBE3C5 - #DCCB98 - #CDB271

CSS codes

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

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