#ACB4C2 - #D1C0FF | 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 #ACB4C2 to #D1C0FF

#ACB4C2 #D1C0FF

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

#ACB4C2 - #D1C0FF | 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 #ACB4C2 as 0% and #D1C0FF as 100%.

0.0%	0.0% #ACB4C2	RGB 172 180 194	#ACB4C2
16.7%	16.7% #B2B6CC	RGB 178 182 204	#B2B6CC
33.3%	33.3% #B8B8D6	RGB 184 184 214	#B8B8D6
50.0%	50.0% #BEBAE0	RGB 190 186 224	#BEBAE0
66.7%	66.7% #C4BCEA	RGB 196 188 234	#C4BCEA
83.3%	83.3% #CABEF4	RGB 202 190 244	#CABEF4
100.0%	100.0% #D1C0FF	RGB 209 192 255	#D1C0FF

#ACB4C2 #B2B6CC #B8B8D6 #BEBAE0 #C4BCEA #CABEF4 #D1C0FF

#ACB4C2 - #D1C0FF

HSV Blend

#ACB4C2 - #D1C0FF | 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 #ACB4C2 as 0% and #D1C0FF as 100%.

0.0%	0.0% #ACB4C2	RGB 172 180 194	#ACB4C2
16.7%	16.7% #B0B7CC	RGB 176 183 204	#B0B7CC
33.3%	33.3% #B4B9D6	RGB 180 185 214	#B4B9D6
50.0%	50.0% #B8B9E0	RGB 184 185 224	#B8B9E0
66.7%	66.7% #BDBBEA	RGB 189 187 234	#BDBBEA
83.3%	83.3% #C6BDF4	RGB 198 189 244	#C6BDF4
100.0%	100.0% #D1C0FF	RGB 209 192 255	#D1C0FF

#ACB4C2 #B0B7CC #B4B9D6 #B8B9E0 #BDBBEA #C6BDF4 #D1C0FF

#ACB4C2 - #B8B9E0 - #D1C0FF

CSS codes

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

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