#99B7E5 - #C5E2C6 | 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 #99B7E5 to #C5E2C6

#99B7E5 #C5E2C6

Calculate the color between two colors, #99B7E5 and #C5E2C6. 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)

#99B7E5 - #C5E2C6 | 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 #99B7E5 as 0% and #C5E2C6 as 100%.

0.0%	0.0% #99B7E5	RGB 153 183 229	#99B7E5
16.7%	16.7% #A0BEDF	RGB 160 190 223	#A0BEDF
33.3%	33.3% #A7C5DA	RGB 167 197 218	#A7C5DA
50.0%	50.0% #AFCCD5	RGB 175 204 213	#AFCCD5
66.7%	66.7% #B6D3D0	RGB 182 211 208	#B6D3D0
83.3%	83.3% #BDDACB	RGB 189 218 203	#BDDACB
100.0%	100.0% #C5E2C6	RGB 197 226 198	#C5E2C6

#99B7E5 #A0BEDF #A7C5DA #AFCCD5 #B6D3D0 #BDDACB #C5E2C6

#99B7E5 - #C5E2C6

HSV Blend

#99B7E5 - #C5E2C6 | 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 #99B7E5 as 0% and #C5E2C6 as 100%.

0.0%	0.0% #99B7E5	RGB 153 183 229	#99B7E5
16.7%	16.7% #A0CDE4	RGB 160 205 228	#A0CDE4
33.3%	33.3% #A7DFE4	RGB 167 223 228	#A7DFE4
50.0%	50.0% #AFE3DA	RGB 175 227 218	#AFE3DA
66.7%	66.7% #B6E3CF	RGB 182 227 207	#B6E3CF
83.3%	83.3% #BDE2C8	RGB 189 226 200	#BDE2C8
100.0%	100.0% #C5E2C6	RGB 197 226 198	#C5E2C6

#99B7E5 #A0CDE4 #A7DFE4 #AFE3DA #B6E3CF #BDE2C8 #C5E2C6

#99B7E5 - #AFE3DA - #C5E2C6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #99B7E5 0%, #AFE3DA 50%, #C5E2C6 100%);
    background: -webkit-linear-gradient(top, #99B7E5 0%, #AFE3DA 50%, #C5E2C6 100%);
    background: linear-gradient(to bottom, #99B7E5 0%, #AFE3DA 50%, #C5E2C6 100%);
}
</style>