#E6DBA1 - #C7A94B | 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 #E6DBA1 to #C7A94B

#E6DBA1 #C7A94B

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

#E6DBA1 - #C7A94B | 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 #E6DBA1 as 0% and #C7A94B as 100%.

0.0%	0.0% #E6DBA1	RGB 230 219 161	#E6DBA1
16.7%	16.7% #E0D292	RGB 224 210 146	#E0D292
33.3%	33.3% #DBCA84	RGB 219 202 132	#DBCA84
50.0%	50.0% #D6C276	RGB 214 194 118	#D6C276
66.7%	66.7% #D1B967	RGB 209 185 103	#D1B967
83.3%	83.3% #CCB159	RGB 204 177 89	#CCB159
100.0%	100.0% #C7A94B	RGB 199 169 75	#C7A94B

#E6DBA1 #E0D292 #DBCA84 #D6C276 #D1B967 #CCB159 #C7A94B

#E6DBA1 - #C7A94B

HSV Blend

#E6DBA1 - #C7A94B | 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 #E6DBA1 as 0% and #C7A94B as 100%.

0.0%	0.0% #E6DBA1	RGB 230 219 161	#E6DBA1
16.7%	16.7% #E0D391	RGB 224 211 145	#E0D391
33.3%	33.3% #DBCA82	RGB 219 202 130	#DBCA82
50.0%	50.0% #D6C273	RGB 214 194 115	#D6C273
66.7%	66.7% #D1BA65	RGB 209 186 101	#D1BA65
83.3%	83.3% #CCB157	RGB 204 177 87	#CCB157
100.0%	100.0% #C7A94B	RGB 199 169 75	#C7A94B

#E6DBA1 #E0D391 #DBCA82 #D6C273 #D1BA65 #CCB157 #C7A94B

#E6DBA1 - #D6C273 - #C7A94B

CSS codes

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

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