#E2FFB6 - #FEF5D3 | 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 #E2FFB6 to #FEF5D3

#E2FFB6 #FEF5D3

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

#E2FFB6 - #FEF5D3 | 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 #E2FFB6 as 0% and #FEF5D3 as 100%.

0.0%	0.0% #E2FFB6	RGB 226 255 182	#E2FFB6
16.7%	16.7% #E6FDBA	RGB 230 253 186	#E6FDBA
33.3%	33.3% #EBFBBF	RGB 235 251 191	#EBFBBF
50.0%	50.0% #F0FAC4	RGB 240 250 196	#F0FAC4
66.7%	66.7% #F4F8C9	RGB 244 248 201	#F4F8C9
83.3%	83.3% #F9F6CE	RGB 249 246 206	#F9F6CE
100.0%	100.0% #FEF5D3	RGB 254 245 211	#FEF5D3

#E2FFB6 #E6FDBA #EBFBBF #F0FAC4 #F4F8C9 #F9F6CE #FEF5D3

#E2FFB6 - #FEF5D3

HSV Blend

#E2FFB6 - #FEF5D3 | 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 #E2FFB6 as 0% and #FEF5D3 as 100%.

0.0%	0.0% #E2FFB6	RGB 226 255 182	#E2FFB6
16.7%	16.7% #EAFEBA	RGB 234 254 186	#EAFEBA
33.3%	33.3% #F2FEBF	RGB 242 254 191	#F2FEBF
50.0%	50.0% #F9FEC4	RGB 249 254 196	#F9FEC4
66.7%	66.7% #FEFDC9	RGB 254 253 201	#FEFDC9
83.3%	83.3% #FEF8CE	RGB 254 248 206	#FEF8CE
100.0%	100.0% #FEF5D3	RGB 254 245 211	#FEF5D3

#E2FFB6 #EAFEBA #F2FEBF #F9FEC4 #FEFDC9 #FEF8CE #FEF5D3

#E2FFB6 - #F9FEC4 - #FEF5D3

CSS codes

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

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