#EBE2B5 - #CDB25F | 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 #EBE2B5 to #CDB25F

#EBE2B5 #CDB25F

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

#EBE2B5 - #CDB25F | 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 #EBE2B5 as 0% and #CDB25F as 100%.

0.0%	0.0% #EBE2B5	RGB 235 226 181	#EBE2B5
16.7%	16.7% #E6DAA6	RGB 230 218 166	#E6DAA6
33.3%	33.3% #E1D298	RGB 225 210 152	#E1D298
50.0%	50.0% #DCCA8A	RGB 220 202 138	#DCCA8A
66.7%	66.7% #D7C27B	RGB 215 194 123	#D7C27B
83.3%	83.3% #D2BA6D	RGB 210 186 109	#D2BA6D
100.0%	100.0% #CDB25F	RGB 205 178 95	#CDB25F

#EBE2B5 #E6DAA6 #E1D298 #DCCA8A #D7C27B #D2BA6D #CDB25F

#EBE2B5 - #CDB25F

HSV Blend

#EBE2B5 - #CDB25F | 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 #EBE2B5 as 0% and #CDB25F as 100%.

0.0%	0.0% #EBE2B5	RGB 235 226 181	#EBE2B5
16.7%	16.7% #E6DAA5	RGB 230 218 165	#E6DAA5
33.3%	33.3% #E1D296	RGB 225 210 150	#E1D296
50.0%	50.0% #DCCA87	RGB 220 202 135	#DCCA87
66.7%	66.7% #D7C279	RGB 215 194 121	#D7C279
83.3%	83.3% #D2BA6C	RGB 210 186 108	#D2BA6C
100.0%	100.0% #CDB25F	RGB 205 178 95	#CDB25F

#EBE2B5 #E6DAA5 #E1D296 #DCCA87 #D7C279 #D2BA6C #CDB25F

#EBE2B5 - #DCCA87 - #CDB25F

CSS codes

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

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