#FFEDD4 - #DBB47E | 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 #FFEDD4 to #DBB47E

#FFEDD4 #DBB47E

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

#FFEDD4 - #DBB47E | 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 #FFEDD4 as 0% and #DBB47E as 100%.

0.0%	0.0% #FFEDD4	RGB 255 237 212	#FFEDD4
16.7%	16.7% #F9E3C5	RGB 249 227 197	#F9E3C5
33.3%	33.3% #F3DAB7	RGB 243 218 183	#F3DAB7
50.0%	50.0% #EDD0A9	RGB 237 208 169	#EDD0A9
66.7%	66.7% #E7C79A	RGB 231 199 154	#E7C79A
83.3%	83.3% #E1BD8C	RGB 225 189 140	#E1BD8C
100.0%	100.0% #DBB47E	RGB 219 180 126	#DBB47E

#FFEDD4 #F9E3C5 #F3DAB7 #EDD0A9 #E7C79A #E1BD8C #DBB47E

#FFEDD4 - #DBB47E

HSV Blend

#FFEDD4 - #DBB47E | 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 #FFEDD4 as 0% and #DBB47E as 100%.

0.0%	0.0% #FFEDD4	RGB 255 237 212	#FFEDD4
16.7%	16.7% #F9E2C4	RGB 249 226 196	#F9E2C4
33.3%	33.3% #F3D9B5	RGB 243 217 181	#F3D9B5
50.0%	50.0% #EDCFA6	RGB 237 207 166	#EDCFA6
66.7%	66.7% #E7C698	RGB 231 198 152	#E7C698
83.3%	83.3% #E1BC8B	RGB 225 188 139	#E1BC8B
100.0%	100.0% #DBB47E	RGB 219 180 126	#DBB47E

#FFEDD4 #F9E2C4 #F3D9B5 #EDCFA6 #E7C698 #E1BC8B #DBB47E

#FFEDD4 - #EDCFA6 - #DBB47E

CSS codes

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

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