#C9DEF1 - #7095C0 | 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 #C9DEF1 to #7095C0

#C9DEF1 #7095C0

Calculate the color between two colors, #C9DEF1 and #7095C0. 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)

#C9DEF1 - #7095C0 | 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 #C9DEF1 as 0% and #7095C0 as 100%.

0.0%	0.0% #C9DEF1	RGB 201 222 241	#C9DEF1
16.7%	16.7% #BAD1E8	RGB 186 209 232	#BAD1E8
33.3%	33.3% #ABC5E0	RGB 171 197 224	#ABC5E0
50.0%	50.0% #9CB9D8	RGB 156 185 216	#9CB9D8
66.7%	66.7% #8DADD0	RGB 141 173 208	#8DADD0
83.3%	83.3% #7EA1C8	RGB 126 161 200	#7EA1C8
100.0%	100.0% #7095C0	RGB 112 149 192	#7095C0

#C9DEF1 #BAD1E8 #ABC5E0 #9CB9D8 #8DADD0 #7EA1C8 #7095C0

#C9DEF1 - #7095C0

HSV Blend

#C9DEF1 - #7095C0 | 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 #C9DEF1 as 0% and #7095C0 as 100%.

0.0%	0.0% #C9DEF1	RGB 201 222 241	#C9DEF1
16.7%	16.7% #B8D1E8	RGB 184 209 232	#B8D1E8
33.3%	33.3% #A8C4E0	RGB 168 196 224	#A8C4E0
50.0%	50.0% #99B8D8	RGB 153 184 216	#99B8D8
66.7%	66.7% #8AACD0	RGB 138 172 208	#8AACD0
83.3%	83.3% #7DA0C8	RGB 125 160 200	#7DA0C8
100.0%	100.0% #7095C0	RGB 112 149 192	#7095C0

#C9DEF1 #B8D1E8 #A8C4E0 #99B8D8 #8AACD0 #7DA0C8 #7095C0

#C9DEF1 - #99B8D8 - #7095C0

CSS codes

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

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