#ABA3C2 - #FFDCC1 | 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 #ABA3C2 to #FFDCC1

#ABA3C2 #FFDCC1

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

#ABA3C2 - #FFDCC1 | 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 #ABA3C2 as 0% and #FFDCC1 as 100%.

0.0%	0.0% #ABA3C2	RGB 171 163 194	#ABA3C2
16.7%	16.7% #B9ACC1	RGB 185 172 193	#B9ACC1
33.3%	33.3% #C7B6C1	RGB 199 182 193	#C7B6C1
50.0%	50.0% #D5BFC1	RGB 213 191 193	#D5BFC1
66.7%	66.7% #E3C9C1	RGB 227 201 193	#E3C9C1
83.3%	83.3% #F1D2C1	RGB 241 210 193	#F1D2C1
100.0%	100.0% #FFDCC1	RGB 255 220 193	#FFDCC1

#ABA3C2 #B9ACC1 #C7B6C1 #D5BFC1 #E3C9C1 #F1D2C1 #FFDCC1

#ABA3C2 - #FFDCC1

HSV Blend

#ABA3C2 - #FFDCC1 | 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 #ABA3C2 as 0% and #FFDCC1 as 100%.

0.0%	0.0% #ABA3C2	RGB 171 163 194	#ABA3C2
16.7%	16.7% #BEA8CC	RGB 190 168 204	#BEA8CC
33.3%	33.3% #D5AED6	RGB 213 174 214	#D5AED6
50.0%	50.0% #E0B3D0	RGB 224 179 208	#E0B3D0
66.7%	66.7% #EAB8C6	RGB 234 184 198	#EAB8C6
83.3%	83.3% #F4C0BC	RGB 244 192 188	#F4C0BC
100.0%	100.0% #FFDCC1	RGB 255 220 193	#FFDCC1

#ABA3C2 #BEA8CC #D5AED6 #E0B3D0 #EAB8C6 #F4C0BC #FFDCC1

#ABA3C2 - #E0B3D0 - #FFDCC1

CSS codes

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

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