#9CCEDA - #B8FEE1 | 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 #9CCEDA to #B8FEE1

#9CCEDA #B8FEE1

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

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

0.0%	0.0% #9CCEDA	RGB 156 206 218	#9CCEDA
16.7%	16.7% #A0D6DB	RGB 160 214 219	#A0D6DB
33.3%	33.3% #A5DEDC	RGB 165 222 220	#A5DEDC
50.0%	50.0% #AAE6DD	RGB 170 230 221	#AAE6DD
66.7%	66.7% #AEEEDE	RGB 174 238 222	#AEEEDE
83.3%	83.3% #B3F6DF	RGB 179 246 223	#B3F6DF
100.0%	100.0% #B8FEE1	RGB 184 254 225	#B8FEE1

#9CCEDA #A0D6DB #A5DEDC #AAE6DD #AEEEDE #B3F6DF #B8FEE1

#9CCEDA - #B8FEE1

HSV Blend

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

0.0%	0.0% #9CCEDA	RGB 156 206 218	#9CCEDA
16.7%	16.7% #A0DAE0	RGB 160 218 224	#A0DAE0
33.3%	33.3% #A5E6E5	RGB 165 230 229	#A5E6E5
50.0%	50.0% #A9ECE4	RGB 169 236 228	#A9ECE4
66.7%	66.7% #AEF2E3	RGB 174 242 227	#AEF2E3
83.3%	83.3% #B3F8E2	RGB 179 248 226	#B3F8E2
100.0%	100.0% #B8FEE1	RGB 184 254 225	#B8FEE1

#9CCEDA #A0DAE0 #A5E6E5 #A9ECE4 #AEF2E3 #B3F8E2 #B8FEE1

#9CCEDA - #A9ECE4 - #B8FEE1

CSS codes

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

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