#EDE2B8 - #FFF6D3 | 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 #EDE2B8 to #FFF6D3

#EDE2B8 #FFF6D3

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

#EDE2B8 - #FFF6D3 | 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 #EDE2B8 as 0% and #FFF6D3 as 100%.

0.0%	0.0% #EDE2B8	RGB 237 226 184	#EDE2B8
16.7%	16.7% #F0E5BC	RGB 240 229 188	#F0E5BC
33.3%	33.3% #F3E8C1	RGB 243 232 193	#F3E8C1
50.0%	50.0% #F6ECC5	RGB 246 236 197	#F6ECC5
66.7%	66.7% #F9EFCA	RGB 249 239 202	#F9EFCA
83.3%	83.3% #FCF2CE	RGB 252 242 206	#FCF2CE
100.0%	100.0% #FFF6D3	RGB 255 246 211	#FFF6D3

#EDE2B8 #F0E5BC #F3E8C1 #F6ECC5 #F9EFCA #FCF2CE #FFF6D3

#EDE2B8 - #FFF6D3

HSV Blend

#EDE2B8 - #FFF6D3 | 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 #EDE2B8 as 0% and #FFF6D3 as 100%.

0.0%	0.0% #EDE2B8	RGB 237 226 184	#EDE2B8
16.7%	16.7% #F0E5BC	RGB 240 229 188	#F0E5BC
33.3%	33.3% #F3E8C0	RGB 243 232 192	#F3E8C0
50.0%	50.0% #F6EBC5	RGB 246 235 197	#F6EBC5
66.7%	66.7% #F9EFC9	RGB 249 239 201	#F9EFC9
83.3%	83.3% #FCF2CE	RGB 252 242 206	#FCF2CE
100.0%	100.0% #FFF6D3	RGB 255 246 211	#FFF6D3

#EDE2B8 #F0E5BC #F3E8C0 #F6EBC5 #F9EFC9 #FCF2CE #FFF6D3

#EDE2B8 - #F6EBC5 - #FFF6D3

CSS codes

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

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