#E6ABFF - #EFFFF9 | 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 #E6ABFF to #EFFFF9

#E6ABFF #EFFFF9

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

#E6ABFF - #EFFFF9 | 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 #E6ABFF as 0% and #EFFFF9 as 100%.

0.0%	0.0% #E6ABFF	RGB 230 171 255	#E6ABFF
16.7%	16.7% #E7B9FE	RGB 231 185 254	#E7B9FE
33.3%	33.3% #E9C7FD	RGB 233 199 253	#E9C7FD
50.0%	50.0% #EAD5FC	RGB 234 213 252	#EAD5FC
66.7%	66.7% #ECE3FB	RGB 236 227 251	#ECE3FB
83.3%	83.3% #EDF1FA	RGB 237 241 250	#EDF1FA
100.0%	100.0% #EFFFF9	RGB 239 255 249	#EFFFF9

#E6ABFF #E7B9FE #E9C7FD #EAD5FC #ECE3FB #EDF1FA #EFFFF9

#E6ABFF - #EFFFF9

HSV Blend

#E6ABFF - #EFFFF9 | 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 #E6ABFF as 0% and #EFFFF9 as 100%.

0.0%	0.0% #E6ABFF	RGB 230 171 255	#E6ABFF
16.7%	16.7% #D0B6FF	RGB 208 182 255	#D0B6FF
33.3%	33.3% #C2C1FF	RGB 194 193 255	#C2C1FF
50.0%	50.0% #CDDDFF	RGB 205 221 255	#CDDDFF
66.7%	66.7% #D8F2FF	RGB 216 242 255	#D8F2FF
83.3%	83.3% #E3FFFE	RGB 227 255 254	#E3FFFE
100.0%	100.0% #EFFFF9	RGB 239 255 249	#EFFFF9

#E6ABFF #D0B6FF #C2C1FF #CDDDFF #D8F2FF #E3FFFE #EFFFF9

#E6ABFF - #CDDDFF - #EFFFF9

CSS codes

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

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