#E2B7D2 - #F2FFD9 | 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 #E2B7D2 to #F2FFD9

#E2B7D2 #F2FFD9

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

#E2B7D2 - #F2FFD9 | 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 #E2B7D2 as 0% and #F2FFD9 as 100%.

0.0%	0.0% #E2B7D2	RGB 226 183 210	#E2B7D2
16.7%	16.7% #E4C3D3	RGB 228 195 211	#E4C3D3
33.3%	33.3% #E7CFD4	RGB 231 207 212	#E7CFD4
50.0%	50.0% #EADBD5	RGB 234 219 213	#EADBD5
66.7%	66.7% #ECE7D6	RGB 236 231 214	#ECE7D6
83.3%	83.3% #EFF3D7	RGB 239 243 215	#EFF3D7
100.0%	100.0% #F2FFD9	RGB 242 255 217	#F2FFD9

#E2B7D2 #E4C3D3 #E7CFD4 #EADBD5 #ECE7D6 #EFF3D7 #F2FFD9

#E2B7D2 - #F2FFD9

HSV Blend

#E2B7D2 - #F2FFD9 | 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 #E2B7D2 as 0% and #F2FFD9 as 100%.

0.0%	0.0% #E2B7D2	RGB 226 183 210	#E2B7D2
16.7%	16.7% #E6BCC9	RGB 230 188 201	#E6BCC9
33.3%	33.3% #EBC3C2	RGB 235 195 194	#EBC3C2
50.0%	50.0% #F0D6C7	RGB 240 214 199	#F0D6C7
66.7%	66.7% #F5E8CD	RGB 245 232 205	#F5E8CD
83.3%	83.3% #F9FAD3	RGB 249 250 211	#F9FAD3
100.0%	100.0% #F2FFD9	RGB 242 255 217	#F2FFD9

#E2B7D2 #E6BCC9 #EBC3C2 #F0D6C7 #F5E8CD #F9FAD3 #F2FFD9

#E2B7D2 - #F0D6C7 - #F2FFD9

CSS codes

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

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