#AFBBC5 - #5A6B83 | 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 #AFBBC5 to #5A6B83

#AFBBC5 #5A6B83

Calculate the color between two colors, #AFBBC5 and #5A6B83. 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)

#AFBBC5 - #5A6B83 | 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 #AFBBC5 as 0% and #5A6B83 as 100%.

0.0%	0.0% #AFBBC5	RGB 175 187 197	#AFBBC5
16.7%	16.7% #A0ADBA	RGB 160 173 186	#A0ADBA
33.3%	33.3% #92A0AF	RGB 146 160 175	#92A0AF
50.0%	50.0% #8493A4	RGB 132 147 164	#8493A4
66.7%	66.7% #768599	RGB 118 133 153	#768599
83.3%	83.3% #68788E	RGB 104 120 142	#68788E
100.0%	100.0% #5A6B83	RGB 90 107 131	#5A6B83

#AFBBC5 #A0ADBA #92A0AF #8493A4 #768599 #68788E #5A6B83

#AFBBC5 - #5A6B83

HSV Blend

#AFBBC5 - #5A6B83 | 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 #AFBBC5 as 0% and #5A6B83 as 100%.

0.0%	0.0% #AFBBC5	RGB 175 187 197	#AFBBC5
16.7%	16.7% #9EADBA	RGB 158 173 186	#9EADBA
33.3%	33.3% #8F9FAF	RGB 143 159 175	#8F9FAF
50.0%	50.0% #8191A4	RGB 129 145 164	#8191A4
66.7%	66.7% #738499	RGB 115 132 153	#738499
83.3%	83.3% #66778E	RGB 102 119 142	#66778E
100.0%	100.0% #5A6B83	RGB 90 107 131	#5A6B83

#AFBBC5 #9EADBA #8F9FAF #8191A4 #738499 #66778E #5A6B83

#AFBBC5 - #8191A4 - #5A6B83

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AFBBC5 0%, #8191A4 50%, #5A6B83 100%);
    background: -webkit-linear-gradient(top, #AFBBC5 0%, #8191A4 50%, #5A6B83 100%);
    background: linear-gradient(to bottom, #AFBBC5 0%, #8191A4 50%, #5A6B83 100%);
}
</style>