#E6D4B5 - #B8AC51 | 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 #E6D4B5 to #B8AC51

#E6D4B5 #B8AC51

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

#E6D4B5 - #B8AC51 | 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 #E6D4B5 as 0% and #B8AC51 as 100%.

0.0%	0.0% #E6D4B5	RGB 230 212 181	#E6D4B5
16.7%	16.7% #DECDA4	RGB 222 205 164	#DECDA4
33.3%	33.3% #D6C693	RGB 214 198 147	#D6C693
50.0%	50.0% #CFC083	RGB 207 192 131	#CFC083
66.7%	66.7% #C7B972	RGB 199 185 114	#C7B972
83.3%	83.3% #BFB261	RGB 191 178 97	#BFB261
100.0%	100.0% #B8AC51	RGB 184 172 81	#B8AC51

#E6D4B5 #DECDA4 #D6C693 #CFC083 #C7B972 #BFB261 #B8AC51

#E6D4B5 - #B8AC51

HSV Blend

#E6D4B5 - #B8AC51 | 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 #E6D4B5 as 0% and #B8AC51 as 100%.

0.0%	0.0% #E6D4B5	RGB 230 212 181	#E6D4B5
16.7%	16.7% #DECAA2	RGB 222 202 162	#DECAA2
33.3%	33.3% #D6C290	RGB 214 194 144	#D6C290
50.0%	50.0% #CFBB7F	RGB 207 187 127	#CFBB7F
66.7%	66.7% #C7B56E	RGB 199 181 110	#C7B56E
83.3%	83.3% #BFB05F	RGB 191 176 95	#BFB05F
100.0%	100.0% #B8AC51	RGB 184 172 81	#B8AC51

#E6D4B5 #DECAA2 #D6C290 #CFBB7F #C7B56E #BFB05F #B8AC51

#E6D4B5 - #CFBB7F - #B8AC51

CSS codes

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

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