#EAB2FF - #EBD9F8 | 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 #EBD9F8

#EAB2FF #EBD9F8

Calculate the color between two colors, #EAB2FF and #EBD9F8. 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 - #EBD9F8 | 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 #EBD9F8 as 100%.

0.0%	0.0% #EAB2FF	RGB 234 178 255	#EAB2FF
16.7%	16.7% #EAB8FD	RGB 234 184 253	#EAB8FD
33.3%	33.3% #EABFFC	RGB 234 191 252	#EABFFC
50.0%	50.0% #EAC5FB	RGB 234 197 251	#EAC5FB
66.7%	66.7% #EACCFA	RGB 234 204 250	#EACCFA
83.3%	83.3% #EAD2F9	RGB 234 210 249	#EAD2F9
100.0%	100.0% #EBD9F8	RGB 235 217 248	#EBD9F8

#EAB2FF #EAB8FD #EABFFC #EAC5FB #EACCFA #EAD2F9 #EBD9F8

#EAB2FF - #EBD9F8

HSV Blend

#EAB2FF - #EBD9F8 | 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 #EBD9F8 as 100%.

0.0%	0.0% #EAB2FF	RGB 234 178 255	#EAB2FF
16.7%	16.7% #E9B8FD	RGB 233 184 253	#E9B8FD
33.3%	33.3% #E8BFFC	RGB 232 191 252	#E8BFFC
50.0%	50.0% #E8C5FB	RGB 232 197 251	#E8C5FB
66.7%	66.7% #E9CCFA	RGB 233 204 250	#E9CCFA
83.3%	83.3% #E9D2F9	RGB 233 210 249	#E9D2F9
100.0%	100.0% #EBD9F8	RGB 235 217 248	#EBD9F8

#EAB2FF #E9B8FD #E8BFFC #E8C5FB #E9CCFA #E9D2F9 #EBD9F8

#EAB2FF - #E8C5FB - #EBD9F8

CSS codes

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

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