#ACB9B5 - #FFBAFC | 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 #ACB9B5 to #FFBAFC

#ACB9B5 #FFBAFC

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

#ACB9B5 - #FFBAFC | 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 #ACB9B5 as 0% and #FFBAFC as 100%.

0.0%	0.0% #ACB9B5	RGB 172 185 181	#ACB9B5
16.7%	16.7% #B9B9C0	RGB 185 185 192	#B9B9C0
33.3%	33.3% #C7B9CC	RGB 199 185 204	#C7B9CC
50.0%	50.0% #D5B9D8	RGB 213 185 216	#D5B9D8
66.7%	66.7% #E3B9E4	RGB 227 185 228	#E3B9E4
83.3%	83.3% #F1B9F0	RGB 241 185 240	#F1B9F0
100.0%	100.0% #FFBAFC	RGB 255 186 252	#FFBAFC

#ACB9B5 #B9B9C0 #C7B9CC #D5B9D8 #E3B9E4 #F1B9F0 #FFBAFC

#ACB9B5 - #FFBAFC

HSV Blend

#ACB9B5 - #FFBAFC | 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 #ACB9B5 as 0% and #FFBAFC as 100%.

0.0%	0.0% #ACB9B5	RGB 172 185 181	#ACB9B5
16.7%	16.7% #B0C2C4	RGB 176 194 196	#B0C2C4
33.3%	33.3% #B3C2D0	RGB 179 194 208	#B3C2D0
50.0%	50.0% #B6BBDC	RGB 182 187 220	#B6BBDC
66.7%	66.7% #C4B8E7	RGB 196 184 231	#C4B8E7
83.3%	83.3% #DFB9F3	RGB 223 185 243	#DFB9F3
100.0%	100.0% #FFBAFC	RGB 255 186 252	#FFBAFC

#ACB9B5 #B0C2C4 #B3C2D0 #B6BBDC #C4B8E7 #DFB9F3 #FFBAFC

#ACB9B5 - #B6BBDC - #FFBAFC

CSS codes

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

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