#ABA8C8 - #E6E6EF | 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 #ABA8C8 to #E6E6EF

#ABA8C8 #E6E6EF

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

#ABA8C8 - #E6E6EF | 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 #ABA8C8 as 0% and #E6E6EF as 100%.

0.0%	0.0% #ABA8C8	RGB 171 168 200	#ABA8C8
16.7%	16.7% #B4B2CE	RGB 180 178 206	#B4B2CE
33.3%	33.3% #BEBCD5	RGB 190 188 213	#BEBCD5
50.0%	50.0% #C8C7DB	RGB 200 199 219	#C8C7DB
66.7%	66.7% #D2D1E2	RGB 210 209 226	#D2D1E2
83.3%	83.3% #DCDBE8	RGB 220 219 232	#DCDBE8
100.0%	100.0% #E6E6EF	RGB 230 230 239	#E6E6EF

#ABA8C8 #B4B2CE #BEBCD5 #C8C7DB #D2D1E2 #DCDBE8 #E6E6EF

#ABA8C8 - #E6E6EF

HSV Blend

#ABA8C8 - #E6E6EF | 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 #ABA8C8 as 0% and #E6E6EF as 100%.

0.0%	0.0% #ABA8C8	RGB 171 168 200	#ABA8C8
16.7%	16.7% #B3B1CE	RGB 179 177 206	#B3B1CE
33.3%	33.3% #BDBBD5	RGB 189 187 213	#BDBBD5
50.0%	50.0% #C6C5DB	RGB 198 197 219	#C6C5DB
66.7%	66.7% #D0D0E2	RGB 208 208 226	#D0D0E2
83.3%	83.3% #DBDBE8	RGB 219 219 232	#DBDBE8
100.0%	100.0% #E6E6EF	RGB 230 230 239	#E6E6EF

#ABA8C8 #B3B1CE #BDBBD5 #C6C5DB #D0D0E2 #DBDBE8 #E6E6EF

#ABA8C8 - #C6C5DB - #E6E6EF

CSS codes

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

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