#EDE7E2 - #D4AF97 | 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 #EDE7E2 to #D4AF97

#EDE7E2 #D4AF97

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

#EDE7E2 - #D4AF97 | 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 #EDE7E2 as 0% and #D4AF97 as 100%.

0.0%	0.0% #EDE7E2	RGB 237 231 226	#EDE7E2
16.7%	16.7% #E8DDD5	RGB 232 221 213	#E8DDD5
33.3%	33.3% #E4D4C9	RGB 228 212 201	#E4D4C9
50.0%	50.0% #E0CBBC	RGB 224 203 188	#E0CBBC
66.7%	66.7% #DCC1B0	RGB 220 193 176	#DCC1B0
83.3%	83.3% #D8B8A3	RGB 216 184 163	#D8B8A3
100.0%	100.0% #D4AF97	RGB 212 175 151	#D4AF97

#EDE7E2 #E8DDD5 #E4D4C9 #E0CBBC #DCC1B0 #D8B8A3 #D4AF97

#EDE7E2 - #D4AF97

HSV Blend

#EDE7E2 - #D4AF97 | 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 #EDE7E2 as 0% and #D4AF97 as 100%.

0.0%	0.0% #EDE7E2	RGB 237 231 226	#EDE7E2
16.7%	16.7% #E8DDD4	RGB 232 221 212	#E8DDD4
33.3%	33.3% #E4D4C7	RGB 228 212 199	#E4D4C7
50.0%	50.0% #E0CABA	RGB 224 202 186	#E0CABA
66.7%	66.7% #DCC1AE	RGB 220 193 174	#DCC1AE
83.3%	83.3% #D8B8A2	RGB 216 184 162	#D8B8A2
100.0%	100.0% #D4AF97	RGB 212 175 151	#D4AF97

#EDE7E2 #E8DDD4 #E4D4C7 #E0CABA #DCC1AE #D8B8A2 #D4AF97

#EDE7E2 - #E0CABA - #D4AF97

CSS codes

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

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