#EDFFA2 - #EFC6E4 | 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 #EDFFA2 to #EFC6E4

#EDFFA2 #EFC6E4

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

#EDFFA2 - #EFC6E4 | 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 #EDFFA2 as 0% and #EFC6E4 as 100%.

0.0%	0.0% #EDFFA2	RGB 237 255 162	#EDFFA2
16.7%	16.7% #EDF5AD	RGB 237 245 173	#EDF5AD
33.3%	33.3% #EDECB8	RGB 237 236 184	#EDECB8
50.0%	50.0% #EEE2C3	RGB 238 226 195	#EEE2C3
66.7%	66.7% #EED9CE	RGB 238 217 206	#EED9CE
83.3%	83.3% #EECFD9	RGB 238 207 217	#EECFD9
100.0%	100.0% #EFC6E4	RGB 239 198 228	#EFC6E4

#EDFFA2 #EDF5AD #EDECB8 #EEE2C3 #EED9CE #EECFD9 #EFC6E4

#EDFFA2 - #EFC6E4

HSV Blend

#EDFFA2 - #EFC6E4 | 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 #EDFFA2 as 0% and #EFC6E4 as 100%.

0.0%	0.0% #EDFFA2	RGB 237 255 162	#EDFFA2
16.7%	16.7% #FCF1A8	RGB 252 241 168	#FCF1A8
33.3%	33.3% #F9D8AE	RGB 249 216 174	#F9D8AE
50.0%	50.0% #F7C4B4	RGB 247 196 180	#F7C4B4
66.7%	66.7% #F4BABF	RGB 244 186 191	#F4BABF
83.3%	83.3% #F1C0D4	RGB 241 192 212	#F1C0D4
100.0%	100.0% #EFC6E4	RGB 239 198 228	#EFC6E4

#EDFFA2 #FCF1A8 #F9D8AE #F7C4B4 #F4BABF #F1C0D4 #EFC6E4

#EDFFA2 - #F7C4B4 - #EFC6E4

CSS codes

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

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