#AFB8D9 - #32343E | 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 #AFB8D9 to #32343E

#AFB8D9 #32343E

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

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

0.0%	0.0% #AFB8D9	RGB 175 184 217	#AFB8D9
16.7%	16.7% #9AA2BF	RGB 154 162 191	#9AA2BF
33.3%	33.3% #858CA5	RGB 133 140 165	#858CA5
50.0%	50.0% #70768B	RGB 112 118 139	#70768B
66.7%	66.7% #5B6071	RGB 91 96 113	#5B6071
83.3%	83.3% #464A57	RGB 70 74 87	#464A57
100.0%	100.0% #32343E	RGB 50 52 62	#32343E

#AFB8D9 #9AA2BF #858CA5 #70768B #5B6071 #464A57 #32343E

#AFB8D9 - #32343E

HSV Blend

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

0.0%	0.0% #AFB8D9	RGB 175 184 217	#AFB8D9
16.7%	16.7% #9AA1BF	RGB 154 161 191	#9AA1BF
33.3%	33.3% #858BA5	RGB 133 139 165	#858BA5
50.0%	50.0% #70758B	RGB 112 117 139	#70758B
66.7%	66.7% #5B5F71	RGB 91 95 113	#5B5F71
83.3%	83.3% #464957	RGB 70 73 87	#464957
100.0%	100.0% #32343E	RGB 50 52 62	#32343E

#AFB8D9 #9AA1BF #858BA5 #70758B #5B5F71 #464957 #32343E

#AFB8D9 - #70758B - #32343E

CSS codes

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

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