#EAD2FF - #FFF7F2 | 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 #EAD2FF to #FFF7F2

#EAD2FF #FFF7F2

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

#EAD2FF - #FFF7F2 | 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 #EAD2FF as 0% and #FFF7F2 as 100%.

0.0%	0.0% #EAD2FF	RGB 234 210 255	#EAD2FF
16.7%	16.7% #EDD8FC	RGB 237 216 252	#EDD8FC
33.3%	33.3% #F1DEFA	RGB 241 222 250	#F1DEFA
50.0%	50.0% #F4E4F8	RGB 244 228 248	#F4E4F8
66.7%	66.7% #F8EAF6	RGB 248 234 246	#F8EAF6
83.3%	83.3% #FBF0F4	RGB 251 240 244	#FBF0F4
100.0%	100.0% #FFF7F2	RGB 255 247 242	#FFF7F2

#EAD2FF #EDD8FC #F1DEFA #F4E4F8 #F8EAF6 #FBF0F4 #FFF7F2

#EAD2FF - #FFF7F2

HSV Blend

#EAD2FF - #FFF7F2 | 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 #EAD2FF as 0% and #FFF7F2 as 100%.

0.0%	0.0% #EAD2FF	RGB 234 210 255	#EAD2FF
16.7%	16.7% #F8D7FF	RGB 248 215 255	#F8D7FF
33.3%	33.3% #FFDCF9	RGB 255 220 249	#FFDCF9
50.0%	50.0% #FFE2F1	RGB 255 226 241	#FFE2F1
66.7%	66.7% #FFE7EC	RGB 255 231 236	#FFE7EC
83.3%	83.3% #FFEEEC	RGB 255 238 236	#FFEEEC
100.0%	100.0% #FFF7F2	RGB 255 247 242	#FFF7F2

#EAD2FF #F8D7FF #FFDCF9 #FFE2F1 #FFE7EC #FFEEEC #FFF7F2

#EAD2FF - #FFE2F1 - #FFF7F2

CSS codes

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

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