#F2EDA8 - #EBDAC7 | 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 #F2EDA8 to #EBDAC7

#F2EDA8 #EBDAC7

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

#F2EDA8 - #EBDAC7 | 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 #F2EDA8 as 0% and #EBDAC7 as 100%.

0.0%	0.0% #F2EDA8	RGB 242 237 168	#F2EDA8
16.7%	16.7% #F0E9AD	RGB 240 233 173	#F0E9AD
33.3%	33.3% #EFE6B2	RGB 239 230 178	#EFE6B2
50.0%	50.0% #EEE3B7	RGB 238 227 183	#EEE3B7
66.7%	66.7% #EDE0BC	RGB 237 224 188	#EDE0BC
83.3%	83.3% #ECDDC1	RGB 236 221 193	#ECDDC1
100.0%	100.0% #EBDAC7	RGB 235 218 199	#EBDAC7

#F2EDA8 #F0E9AD #EFE6B2 #EEE3B7 #EDE0BC #ECDDC1 #EBDAC7

#F2EDA8 - #EBDAC7

HSV Blend

#F2EDA8 - #EBDAC7 | 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 #F2EDA8 as 0% and #EBDAC7 as 100%.

0.0%	0.0% #F2EDA8	RGB 242 237 168	#F2EDA8
16.7%	16.7% #F0E7AD	RGB 240 231 173	#F0E7AD
33.3%	33.3% #EFE3B2	RGB 239 227 178	#EFE3B2
50.0%	50.0% #EEDFB7	RGB 238 223 183	#EEDFB7
66.7%	66.7% #EDDCBC	RGB 237 220 188	#EDDCBC
83.3%	83.3% #ECDBC1	RGB 236 219 193	#ECDBC1
100.0%	100.0% #EBDAC7	RGB 235 218 199	#EBDAC7

#F2EDA8 #F0E7AD #EFE3B2 #EEDFB7 #EDDCBC #ECDBC1 #EBDAC7

#F2EDA8 - #EEDFB7 - #EBDAC7

CSS codes

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

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