#ABACFF - #FEEEFF | 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 #ABACFF to #FEEEFF

#ABACFF #FEEEFF

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

#ABACFF - #FEEEFF | 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 #ABACFF as 0% and #FEEEFF as 100%.

0.0%	0.0% #ABACFF	RGB 171 172 255	#ABACFF
16.7%	16.7% #B8B7FF	RGB 184 183 255	#B8B7FF
33.3%	33.3% #C6C2FF	RGB 198 194 255	#C6C2FF
50.0%	50.0% #D4CDFF	RGB 212 205 255	#D4CDFF
66.7%	66.7% #E2D8FF	RGB 226 216 255	#E2D8FF
83.3%	83.3% #F0E3FF	RGB 240 227 255	#F0E3FF
100.0%	100.0% #FEEEFF	RGB 254 238 255	#FEEEFF

#ABACFF #B8B7FF #C6C2FF #D4CDFF #E2D8FF #F0E3FF #FEEEFF

#ABACFF - #FEEEFF

HSV Blend

#ABACFF - #FEEEFF | 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 #ABACFF as 0% and #FEEEFF as 100%.

0.0%	0.0% #ABABFF	RGB 171 171 255	#ABABFF
16.7%	16.7% #C0B6FF	RGB 192 182 255	#C0B6FF
33.3%	33.3% #D4C1FF	RGB 212 193 255	#D4C1FF
50.0%	50.0% #E3CCFF	RGB 227 204 255	#E3CCFF
66.7%	66.7% #F0D7FF	RGB 240 215 255	#F0D7FF
83.3%	83.3% #F8E2FF	RGB 248 226 255	#F8E2FF
100.0%	100.0% #FEEEFF	RGB 254 238 255	#FEEEFF

#ABABFF #C0B6FF #D4C1FF #E3CCFF #F0D7FF #F8E2FF #FEEEFF

#ABACFF - #E3CCFF - #FEEEFF

CSS codes

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

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