#EDD9A0 - #D3A44A | 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 #EDD9A0 to #D3A44A

#EDD9A0 #D3A44A

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

#EDD9A0 - #D3A44A | 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 #EDD9A0 as 0% and #D3A44A as 100%.

0.0%	0.0% #EDD9A0	RGB 237 217 160	#EDD9A0
16.7%	16.7% #E8D091	RGB 232 208 145	#E8D091
33.3%	33.3% #E4C783	RGB 228 199 131	#E4C783
50.0%	50.0% #E0BE75	RGB 224 190 117	#E0BE75
66.7%	66.7% #DBB566	RGB 219 181 102	#DBB566
83.3%	83.3% #D7AC58	RGB 215 172 88	#D7AC58
100.0%	100.0% #D3A44A	RGB 211 164 74	#D3A44A

#EDD9A0 #E8D091 #E4C783 #E0BE75 #DBB566 #D7AC58 #D3A44A

#EDD9A0 - #D3A44A

HSV Blend

#EDD9A0 - #D3A44A | 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 #EDD9A0 as 0% and #D3A44A as 100%.

0.0%	0.0% #EDD9A0	RGB 237 217 160	#EDD9A0
16.7%	16.7% #E8D090	RGB 232 208 144	#E8D090
33.3%	33.3% #E4C781	RGB 228 199 129	#E4C781
50.0%	50.0% #E0BF72	RGB 224 191 114	#E0BF72
66.7%	66.7% #DBB664	RGB 219 182 100	#DBB664
83.3%	83.3% #D7AD57	RGB 215 173 87	#D7AD57
100.0%	100.0% #D3A44A	RGB 211 164 74	#D3A44A

#EDD9A0 #E8D090 #E4C781 #E0BF72 #DBB664 #D7AD57 #D3A44A

#EDD9A0 - #E0BF72 - #D3A44A

CSS codes

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

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