#E6DB9C - #C7AA47 | 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 #E6DB9C to #C7AA47

#E6DB9C #C7AA47

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

#E6DB9C - #C7AA47 | 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 #E6DB9C as 0% and #C7AA47 as 100%.

0.0%	0.0% #E6DB9C	RGB 230 219 156	#E6DB9C
16.7%	16.7% #E0D28D	RGB 224 210 141	#E0D28D
33.3%	33.3% #DBCA7F	RGB 219 202 127	#DBCA7F
50.0%	50.0% #D6C271	RGB 214 194 113	#D6C271
66.7%	66.7% #D1BA63	RGB 209 186 99	#D1BA63
83.3%	83.3% #CCB255	RGB 204 178 85	#CCB255
100.0%	100.0% #C7AA47	RGB 199 170 71	#C7AA47

#E6DB9C #E0D28D #DBCA7F #D6C271 #D1BA63 #CCB255 #C7AA47

#E6DB9C - #C7AA47

HSV Blend

#E6DB9C - #C7AA47 | 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 #E6DB9C as 0% and #C7AA47 as 100%.

0.0%	0.0% #E6DB9C	RGB 230 219 156	#E6DB9C
16.7%	16.7% #E0D38C	RGB 224 211 140	#E0D38C
33.3%	33.3% #DBCB7D	RGB 219 203 125	#DBCB7D
50.0%	50.0% #D6C36F	RGB 214 195 111	#D6C36F
66.7%	66.7% #D1BA61	RGB 209 186 97	#D1BA61
83.3%	83.3% #CCB253	RGB 204 178 83	#CCB253
100.0%	100.0% #C7AA47	RGB 199 170 71	#C7AA47

#E6DB9C #E0D38C #DBCB7D #D6C36F #D1BA61 #CCB253 #C7AA47

#E6DB9C - #D6C36F - #C7AA47

CSS codes

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

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