#AFBCD1 - #32353B | 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 #AFBCD1 to #32353B

#AFBCD1 #32353B

Calculate the color between two colors, #AFBCD1 and #32353B. 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)

#AFBCD1 - #32353B | 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 #AFBCD1 as 0% and #32353B as 100%.

0.0%	0.0% #AFBCD1	RGB 175 188 209	#AFBCD1
16.7%	16.7% #9AA5B8	RGB 154 165 184	#9AA5B8
33.3%	33.3% #858F9F	RGB 133 143 159	#858F9F
50.0%	50.0% #707886	RGB 112 120 134	#707886
66.7%	66.7% #5B626D	RGB 91 98 109	#5B626D
83.3%	83.3% #464B54	RGB 70 75 84	#464B54
100.0%	100.0% #32353B	RGB 50 53 59	#32353B

#AFBCD1 #9AA5B8 #858F9F #707886 #5B626D #464B54 #32353B

#AFBCD1 - #32353B

HSV Blend

#AFBCD1 - #32353B | 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 #AFBCD1 as 0% and #32353B as 100%.

0.0%	0.0% #AFBCD1	RGB 175 188 209	#AFBCD1
16.7%	16.7% #9AA5B8	RGB 154 165 184	#9AA5B8
33.3%	33.3% #858E9F	RGB 133 142 159	#858E9F
50.0%	50.0% #707886	RGB 112 120 134	#707886
66.7%	66.7% #5C616D	RGB 92 97 109	#5C616D
83.3%	83.3% #474B54	RGB 71 75 84	#474B54
100.0%	100.0% #32353B	RGB 50 53 59	#32353B

#AFBCD1 #9AA5B8 #858E9F #707886 #5C616D #474B54 #32353B

#AFBCD1 - #707886 - #32353B

CSS codes

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

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