#B0AFD9 - #32323E | 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 #B0AFD9 to #32323E

#B0AFD9 #32323E

Calculate the color between two colors, #B0AFD9 and #32323E. 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)

#B0AFD9 - #32323E | 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 #B0AFD9 as 0% and #32323E as 100%.

0.0%	0.0% #B0AFD9	RGB 176 175 217	#B0AFD9
16.7%	16.7% #9B9ABF	RGB 155 154 191	#9B9ABF
33.3%	33.3% #8685A5	RGB 134 133 165	#8685A5
50.0%	50.0% #71708B	RGB 113 112 139	#71708B
66.7%	66.7% #5C5B71	RGB 92 91 113	#5C5B71
83.3%	83.3% #474657	RGB 71 70 87	#474657
100.0%	100.0% #32323E	RGB 50 50 62	#32323E

#B0AFD9 #9B9ABF #8685A5 #71708B #5C5B71 #474657 #32323E

#B0AFD9 - #32323E

HSV Blend

#B0AFD9 - #32323E | 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 #B0AFD9 as 0% and #32323E as 100%.

0.0%	0.0% #B0AFD9	RGB 176 175 217	#B0AFD9
16.7%	16.7% #9A9ABF	RGB 154 154 191	#9A9ABF
33.3%	33.3% #8585A5	RGB 133 133 165	#8585A5
50.0%	50.0% #70708B	RGB 112 112 139	#70708B
66.7%	66.7% #5B5B71	RGB 91 91 113	#5B5B71
83.3%	83.3% #464657	RGB 70 70 87	#464657
100.0%	100.0% #32323E	RGB 50 50 62	#32323E

#B0AFD9 #9A9ABF #8585A5 #70708B #5B5B71 #464657 #32323E

#B0AFD9 - #70708B - #32323E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B0AFD9 0%, #70708B 50%, #32323E 100%);
    background: -webkit-linear-gradient(top, #B0AFD9 0%, #70708B 50%, #32323E 100%);
    background: linear-gradient(to bottom, #B0AFD9 0%, #70708B 50%, #32323E 100%);
}
</style>