#99C5E6 - #DEDFE0 | 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 #99C5E6 to #DEDFE0

#99C5E6 #DEDFE0

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

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

0.0%	0.0% #99C5E6	RGB 153 197 230	#99C5E6
16.7%	16.7% #A4C9E5	RGB 164 201 229	#A4C9E5
33.3%	33.3% #B0CDE4	RGB 176 205 228	#B0CDE4
50.0%	50.0% #BBD2E3	RGB 187 210 227	#BBD2E3
66.7%	66.7% #C7D6E2	RGB 199 214 226	#C7D6E2
83.3%	83.3% #D2DAE1	RGB 210 218 225	#D2DAE1
100.0%	100.0% #DEDFE0	RGB 222 223 224	#DEDFE0

#99C5E6 #A4C9E5 #B0CDE4 #BBD2E3 #C7D6E2 #D2DAE1 #DEDFE0

#99C5E6 - #DEDFE0

HSV Blend

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

0.0%	0.0% #99C5E6	RGB 153 197 230	#99C5E6
16.7%	16.7% #A4C8E5	RGB 164 200 229	#A4C8E5
33.3%	33.3% #B0CCE4	RGB 176 204 228	#B0CCE4
50.0%	50.0% #BBD0E3	RGB 187 208 227	#BBD0E3
66.7%	66.7% #C7D5E2	RGB 199 213 226	#C7D5E2
83.3%	83.3% #D2DAE1	RGB 210 218 225	#D2DAE1
100.0%	100.0% #DEDFE0	RGB 222 223 224	#DEDFE0

#99C5E6 #A4C8E5 #B0CCE4 #BBD0E3 #C7D5E2 #D2DAE1 #DEDFE0

#99C5E6 - #BBD0E3 - #DEDFE0

CSS codes

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

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