#EDDFB9 - #D2AB63 | 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 #EDDFB9 to #D2AB63

#EDDFB9 #D2AB63

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

#EDDFB9 - #D2AB63 | 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 #EDDFB9 as 0% and #D2AB63 as 100%.

0.0%	0.0% #EDDFB9	RGB 237 223 185	#EDDFB9
16.7%	16.7% #E8D6AA	RGB 232 214 170	#E8D6AA
33.3%	33.3% #E4CD9C	RGB 228 205 156	#E4CD9C
50.0%	50.0% #DFC58E	RGB 223 197 142	#DFC58E
66.7%	66.7% #DBBC7F	RGB 219 188 127	#DBBC7F
83.3%	83.3% #D6B371	RGB 214 179 113	#D6B371
100.0%	100.0% #D2AB63	RGB 210 171 99	#D2AB63

#EDDFB9 #E8D6AA #E4CD9C #DFC58E #DBBC7F #D6B371 #D2AB63

#EDDFB9 - #D2AB63

HSV Blend

#EDDFB9 - #D2AB63 | 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 #EDDFB9 as 0% and #D2AB63 as 100%.

0.0%	0.0% #EDDFB9	RGB 237 223 185	#EDDFB9
16.7%	16.7% #E8D6A9	RGB 232 214 169	#E8D6A9
33.3%	33.3% #E4CE9A	RGB 228 206 154	#E4CE9A
50.0%	50.0% #DFC58B	RGB 223 197 139	#DFC58B
66.7%	66.7% #DBBC7D	RGB 219 188 125	#DBBC7D
83.3%	83.3% #D6B370	RGB 214 179 112	#D6B370
100.0%	100.0% #D2AB63	RGB 210 171 99	#D2AB63

#EDDFB9 #E8D6A9 #E4CE9A #DFC58B #DBBC7D #D6B370 #D2AB63

#EDDFB9 - #DFC58B - #D2AB63

CSS codes

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

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