#8CADA3 - #AFD7FF | 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 #8CADA3 to #AFD7FF

#8CADA3 #AFD7FF

Calculate the color between two colors, #8CADA3 and #AFD7FF. 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)

#8CADA3 - #AFD7FF | 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 #8CADA3 as 0% and #AFD7FF as 100%.

0.0%	0.0% #8CADA3	RGB 140 173 163	#8CADA3
16.7%	16.7% #91B4B2	RGB 145 180 178	#91B4B2
33.3%	33.3% #97BBC1	RGB 151 187 193	#97BBC1
50.0%	50.0% #9DC2D1	RGB 157 194 209	#9DC2D1
66.7%	66.7% #A3C9E0	RGB 163 201 224	#A3C9E0
83.3%	83.3% #A9D0EF	RGB 169 208 239	#A9D0EF
100.0%	100.0% #AFD7FF	RGB 175 215 255	#AFD7FF

#8CADA3 #91B4B2 #97BBC1 #9DC2D1 #A3C9E0 #A9D0EF #AFD7FF

#8CADA3 - #AFD7FF

HSV Blend

#8CADA3 - #AFD7FF | 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 #8CADA3 as 0% and #AFD7FF as 100%.

0.0%	0.0% #8CADA3	RGB 140 173 163	#8CADA3
16.7%	16.7% #93BAB3	RGB 147 186 179	#93BAB3
33.3%	33.3% #99C8C6	RGB 153 200 198	#99C8C6
50.0%	50.0% #A0D0D6	RGB 160 208 214	#A0D0D6
66.7%	66.7% #A5D5E3	RGB 165 213 227	#A5D5E3
83.3%	83.3% #AAD7F1	RGB 170 215 241	#AAD7F1
100.0%	100.0% #AFD7FF	RGB 175 215 255	#AFD7FF

#8CADA3 #93BAB3 #99C8C6 #A0D0D6 #A5D5E3 #AAD7F1 #AFD7FF

#8CADA3 - #A0D0D6 - #AFD7FF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8CADA3 0%, #A0D0D6 50%, #AFD7FF 100%);
    background: -webkit-linear-gradient(top, #8CADA3 0%, #A0D0D6 50%, #AFD7FF 100%);
    background: linear-gradient(to bottom, #8CADA3 0%, #A0D0D6 50%, #AFD7FF 100%);
}
</style>