#EAB2FF - #FFEFEA | 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 #EAB2FF to #FFEFEA

#EAB2FF #FFEFEA

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

#EAB2FF - #FFEFEA | 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 #EAB2FF as 0% and #FFEFEA as 100%.

0.0%	0.0% #EAB2FF	RGB 234 178 255	#EAB2FF
16.7%	16.7% #EDBCFB	RGB 237 188 251	#EDBCFB
33.3%	33.3% #F1C6F8	RGB 241 198 248	#F1C6F8
50.0%	50.0% #F4D0F4	RGB 244 208 244	#F4D0F4
66.7%	66.7% #F8DAF1	RGB 248 218 241	#F8DAF1
83.3%	83.3% #FBE4ED	RGB 251 228 237	#FBE4ED
100.0%	100.0% #FFEFEA	RGB 255 239 234	#FFEFEA

#EAB2FF #EDBCFB #F1C6F8 #F4D0F4 #F8DAF1 #FBE4ED #FFEFEA

#EAB2FF - #FFEFEA

HSV Blend

#EAB2FF - #FFEFEA | 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 #EAB2FF as 0% and #FFEFEA as 100%.

0.0%	0.0% #EAB2FF	RGB 234 178 255	#EAB2FF
16.7%	16.7% #FDBBFF	RGB 253 187 255	#FDBBFF
33.3%	33.3% #FFC4F1	RGB 255 196 241	#FFC4F1
50.0%	50.0% #FFCEE7	RGB 255 206 231	#FFCEE7
66.7%	66.7% #FFD7E1	RGB 255 215 225	#FFD7E1
83.3%	83.3% #FFE0E1	RGB 255 224 225	#FFE0E1
100.0%	100.0% #FFEFEA	RGB 255 239 234	#FFEFEA

#EAB2FF #FDBBFF #FFC4F1 #FFCEE7 #FFD7E1 #FFE0E1 #FFEFEA

#EAB2FF - #FFCEE7 - #FFEFEA

CSS codes

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

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