#ABA2FF - #CBE3CE | 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 #ABA2FF to #CBE3CE

#ABA2FF #CBE3CE

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

#ABA2FF - #CBE3CE | 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 #ABA2FF as 0% and #CBE3CE as 100%.

0.0%	0.0% #ABA2FF	RGB 171 162 255	#ABA2FF
16.7%	16.7% #B0ACF6	RGB 176 172 246	#B0ACF6
33.3%	33.3% #B5B7EE	RGB 181 183 238	#B5B7EE
50.0%	50.0% #BBC2E6	RGB 187 194 230	#BBC2E6
66.7%	66.7% #C0CDDE	RGB 192 205 222	#C0CDDE
83.3%	83.3% #C5D8D6	RGB 197 216 214	#C5D8D6
100.0%	100.0% #CBE3CE	RGB 203 227 206	#CBE3CE

#ABA2FF #B0ACF6 #B5B7EE #BBC2E6 #C0CDDE #C5D8D6 #CBE3CE

#ABA2FF - #CBE3CE

HSV Blend

#ABA2FF - #CBE3CE | 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 #ABA2FF as 0% and #CBE3CE as 100%.

0.0%	0.0% #ABA2FF	RGB 171 162 255	#ABA2FF
16.7%	16.7% #A9BCFA	RGB 169 188 250	#A9BCFA
33.3%	33.3% #B1D7F5	RGB 177 215 245	#B1D7F5
50.0%	50.0% #B8EAF1	RGB 184 234 241	#B8EAF1
66.7%	66.7% #BEECE2	RGB 190 236 226	#BEECE2
83.3%	83.3% #C5E7D4	RGB 197 231 212	#C5E7D4
100.0%	100.0% #CBE3CE	RGB 203 227 206	#CBE3CE

#ABA2FF #A9BCFA #B1D7F5 #B8EAF1 #BEECE2 #C5E7D4 #CBE3CE

#ABA2FF - #B8EAF1 - #CBE3CE

CSS codes

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

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