#829A8A - #AFE2FF | 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 #829A8A to #AFE2FF

#829A8A #AFE2FF

Calculate the color between two colors, #829A8A and #AFE2FF. 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)

#829A8A - #AFE2FF | 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 #829A8A as 0% and #AFE2FF as 100%.

0.0%	0.0% #829A8A	RGB 130 154 138	#829A8A
16.7%	16.7% #89A69D	RGB 137 166 157	#89A69D
33.3%	33.3% #91B2B1	RGB 145 178 177	#91B2B1
50.0%	50.0% #98BEC4	RGB 152 190 196	#98BEC4
66.7%	66.7% #A0CAD8	RGB 160 202 216	#A0CAD8
83.3%	83.3% #A7D6EB	RGB 167 214 235	#A7D6EB
100.0%	100.0% #AFE2FF	RGB 175 226 255	#AFE2FF

#829A8A #89A69D #91B2B1 #98BEC4 #A0CAD8 #A7D6EB #AFE2FF

#829A8A - #AFE2FF

HSV Blend

#829A8A - #AFE2FF | 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 #829A8A as 0% and #AFE2FF as 100%.

0.0%	0.0% #829A8A	RGB 130 154 138	#829A8A
16.7%	16.7% #8BAA9B	RGB 139 170 155	#8BAA9B
33.3%	33.3% #94BBAF	RGB 148 187 175	#94BBAF
50.0%	50.0% #9CCCC5	RGB 156 204 197	#9CCCC5
66.7%	66.7% #A3DCDD	RGB 163 220 221	#A3DCDD
83.3%	83.3% #A9E1EE	RGB 169 225 238	#A9E1EE
100.0%	100.0% #AFE2FF	RGB 175 226 255	#AFE2FF

#829A8A #8BAA9B #94BBAF #9CCCC5 #A3DCDD #A9E1EE #AFE2FF

#829A8A - #9CCCC5 - #AFE2FF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #829A8A 0%, #9CCCC5 50%, #AFE2FF 100%);
    background: -webkit-linear-gradient(top, #829A8A 0%, #9CCCC5 50%, #AFE2FF 100%);
    background: linear-gradient(to bottom, #829A8A 0%, #9CCCC5 50%, #AFE2FF 100%);
}
</style>