#9AD0E6 - #C5E3E1 | 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 #9AD0E6 to #C5E3E1

#9AD0E6 #C5E3E1

Calculate the color between two colors, #9AD0E6 and #C5E3E1. 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)

#9AD0E6 - #C5E3E1 | 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 #9AD0E6 as 0% and #C5E3E1 as 100%.

0.0%	0.0% #9AD0E6	RGB 154 208 230	#9AD0E6
16.7%	16.7% #A1D3E5	RGB 161 211 229	#A1D3E5
33.3%	33.3% #A8D6E4	RGB 168 214 228	#A8D6E4
50.0%	50.0% #AFD9E3	RGB 175 217 227	#AFD9E3
66.7%	66.7% #B6DCE2	RGB 182 220 226	#B6DCE2
83.3%	83.3% #BDDFE1	RGB 189 223 225	#BDDFE1
100.0%	100.0% #C5E3E1	RGB 197 227 225	#C5E3E1

#9AD0E6 #A1D3E5 #A8D6E4 #AFD9E3 #B6DCE2 #BDDFE1 #C5E3E1

#9AD0E6 - #C5E3E1

HSV Blend

#9AD0E6 - #C5E3E1 | 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 #9AD0E6 as 0% and #C5E3E1 as 100%.

0.0%	0.0% #9AD0E6	RGB 154 208 230	#9AD0E6
16.7%	16.7% #A1D5E5	RGB 161 213 229	#A1D5E5
33.3%	33.3% #A8DAE5	RGB 168 218 229	#A8DAE5
50.0%	50.0% #AFDEE4	RGB 175 222 228	#AFDEE4
66.7%	66.7% #B6E1E4	RGB 182 225 228	#B6E1E4
83.3%	83.3% #BDE3E3	RGB 189 227 227	#BDE3E3
100.0%	100.0% #C5E3E1	RGB 197 227 225	#C5E3E1

#9AD0E6 #A1D5E5 #A8DAE5 #AFDEE4 #B6E1E4 #BDE3E3 #C5E3E1

#9AD0E6 - #AFDEE4 - #C5E3E1

CSS codes

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

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