#EFECB2 - #F8FED0 | 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 #EFECB2 to #F8FED0

#EFECB2 #F8FED0

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

#EFECB2 - #F8FED0 | 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 #EFECB2 as 0% and #F8FED0 as 100%.

0.0%	0.0% #EFECB2	RGB 239 236 178	#EFECB2
16.7%	16.7% #F0EFB7	RGB 240 239 183	#F0EFB7
33.3%	33.3% #F2F2BC	RGB 242 242 188	#F2F2BC
50.0%	50.0% #F3F5C1	RGB 243 245 193	#F3F5C1
66.7%	66.7% #F5F8C6	RGB 245 248 198	#F5F8C6
83.3%	83.3% #F6FBCB	RGB 246 251 203	#F6FBCB
100.0%	100.0% #F8FED0	RGB 248 254 208	#F8FED0

#EFECB2 #F0EFB7 #F2F2BC #F3F5C1 #F5F8C6 #F6FBCB #F8FED0

#EFECB2 - #F8FED0

HSV Blend

#EFECB2 - #F8FED0 | 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 #EFECB2 as 0% and #F8FED0 as 100%.

0.0%	0.0% #EFECB2	RGB 239 236 178	#EFECB2
16.7%	16.7% #F1F0B6	RGB 241 240 182	#F1F0B6
33.3%	33.3% #F3F4BB	RGB 243 244 187	#F3F4BB
50.0%	50.0% #F4F6C0	RGB 244 246 192	#F4F6C0
66.7%	66.7% #F5F9C5	RGB 245 249 197	#F5F9C5
83.3%	83.3% #F6FBCA	RGB 246 251 202	#F6FBCA
100.0%	100.0% #F8FED0	RGB 248 254 208	#F8FED0

#EFECB2 #F1F0B6 #F3F4BB #F4F6C0 #F5F9C5 #F6FBCA #F8FED0

#EFECB2 - #F4F6C0 - #F8FED0

CSS codes

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

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