#EDE8C0 - #C7BB4E | 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 #EDE8C0 to #C7BB4E

#EDE8C0 #C7BB4E

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

#EDE8C0 - #C7BB4E | 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 #EDE8C0 as 0% and #C7BB4E as 100%.

0.0%	0.0% #EDE8C0	RGB 237 232 192	#EDE8C0
16.7%	16.7% #E6E0AD	RGB 230 224 173	#E6E0AD
33.3%	33.3% #E0D99A	RGB 224 217 154	#E0D99A
50.0%	50.0% #DAD187	RGB 218 209 135	#DAD187
66.7%	66.7% #D3CA74	RGB 211 202 116	#D3CA74
83.3%	83.3% #CDC261	RGB 205 194 97	#CDC261
100.0%	100.0% #C7BB4E	RGB 199 187 78	#C7BB4E

#EDE8C0 #E6E0AD #E0D99A #DAD187 #D3CA74 #CDC261 #C7BB4E

#EDE8C0 - #C7BB4E

HSV Blend

#EDE8C0 - #C7BB4E | 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 #EDE8C0 as 0% and #C7BB4E as 100%.

0.0%	0.0% #EDE8C0	RGB 237 232 192	#EDE8C0
16.7%	16.7% #E6E0AA	RGB 230 224 170	#E6E0AA
33.3%	33.3% #E0D896	RGB 224 216 150	#E0D896
50.0%	50.0% #DAD083	RGB 218 208 131	#DAD083
66.7%	66.7% #D3C970	RGB 211 201 112	#D3C970
83.3%	83.3% #CDC25E	RGB 205 194 94	#CDC25E
100.0%	100.0% #C7BB4E	RGB 199 187 78	#C7BB4E

#EDE8C0 #E6E0AA #E0D896 #DAD083 #D3C970 #CDC25E #C7BB4E

#EDE8C0 - #DAD083 - #C7BB4E

CSS codes

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

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