#EDD0D0 - #FEFFEB | 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 #EDD0D0 to #FEFFEB

#EDD0D0 #FEFFEB

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

#EDD0D0 - #FEFFEB | 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 #EDD0D0 as 0% and #FEFFEB as 100%.

0.0%	0.0% #EDD0D0	RGB 237 208 208	#EDD0D0
16.7%	16.7% #EFD7D4	RGB 239 215 212	#EFD7D4
33.3%	33.3% #F2DFD9	RGB 242 223 217	#F2DFD9
50.0%	50.0% #F5E7DD	RGB 245 231 221	#F5E7DD
66.7%	66.7% #F8EFE2	RGB 248 239 226	#F8EFE2
83.3%	83.3% #FBF7E6	RGB 251 247 230	#FBF7E6
100.0%	100.0% #FEFFEB	RGB 254 255 235	#FEFFEB

#EDD0D0 #EFD7D4 #F2DFD9 #F5E7DD #F8EFE2 #FBF7E6 #FEFFEB

#EDD0D0 - #FEFFEB

HSV Blend

#EDD0D0 - #FEFFEB | 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 #EDD0D0 as 0% and #FEFFEB as 100%.

0.0%	0.0% #EDD0D0	RGB 237 208 208	#EDD0D0
16.7%	16.7% #F0D9D4	RGB 240 217 212	#F0D9D4
33.3%	33.3% #F3E1D8	RGB 243 225 216	#F3E1D8
50.0%	50.0% #F6EADD	RGB 246 234 221	#F6EADD
66.7%	66.7% #F9F2E1	RGB 249 242 225	#F9F2E1
83.3%	83.3% #FCF9E6	RGB 252 249 230	#FCF9E6
100.0%	100.0% #FEFFEB	RGB 254 255 235	#FEFFEB

#EDD0D0 #F0D9D4 #F3E1D8 #F6EADD #F9F2E1 #FCF9E6 #FEFFEB

#EDD0D0 - #F6EADD - #FEFFEB

CSS codes

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

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