#AFC5CE - #5A839C | 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 #AFC5CE to #5A839C

#AFC5CE #5A839C

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

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

0.0%	0.0% #AFC5CE	RGB 175 197 206	#AFC5CE
16.7%	16.7% #A0BAC5	RGB 160 186 197	#A0BAC5
33.3%	33.3% #92AFBD	RGB 146 175 189	#92AFBD
50.0%	50.0% #84A4B5	RGB 132 164 181	#84A4B5
66.7%	66.7% #7699AC	RGB 118 153 172	#7699AC
83.3%	83.3% #688EA4	RGB 104 142 164	#688EA4
100.0%	100.0% #5A839C	RGB 90 131 156	#5A839C

#AFC5CE #A0BAC5 #92AFBD #84A4B5 #7699AC #688EA4 #5A839C

#AFC5CE - #5A839C

HSV Blend

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

0.0%	0.0% #AFC5CE	RGB 175 197 206	#AFC5CE
16.7%	16.7% #9EB9C5	RGB 158 185 197	#9EB9C5
33.3%	33.3% #8FAEBD	RGB 143 174 189	#8FAEBD
50.0%	50.0% #81A3B5	RGB 129 163 181	#81A3B5
66.7%	66.7% #7398AC	RGB 115 152 172	#7398AC
83.3%	83.3% #668DA4	RGB 102 141 164	#668DA4
100.0%	100.0% #5A839C	RGB 90 131 156	#5A839C

#AFC5CE #9EB9C5 #8FAEBD #81A3B5 #7398AC #668DA4 #5A839C

#AFC5CE - #81A3B5 - #5A839C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AFC5CE 0%, #81A3B5 50%, #5A839C 100%);
    background: -webkit-linear-gradient(top, #AFC5CE 0%, #81A3B5 50%, #5A839C 100%);
    background: linear-gradient(to bottom, #AFC5CE 0%, #81A3B5 50%, #5A839C 100%);
}
</style>