#6EB6ED - #C9DCE2 | 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 #6EB6ED to #C9DCE2

#6EB6ED #C9DCE2

Calculate the color between two colors, #6EB6ED and #C9DCE2. 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)

#6EB6ED - #C9DCE2 | 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 #6EB6ED as 0% and #C9DCE2 as 100%.

0.0%	0.0% #6EB6ED	RGB 110 182 237	#6EB6ED
16.7%	16.7% #7DBCEB	RGB 125 188 235	#7DBCEB
33.3%	33.3% #8CC2E9	RGB 140 194 233	#8CC2E9
50.0%	50.0% #9BC9E7	RGB 155 201 231	#9BC9E7
66.7%	66.7% #AACFE5	RGB 170 207 229	#AACFE5
83.3%	83.3% #B9D5E3	RGB 185 213 227	#B9D5E3
100.0%	100.0% #C9DCE2	RGB 201 220 226	#C9DCE2

#6EB6ED #7DBCEB #8CC2E9 #9BC9E7 #AACFE5 #B9D5E3 #C9DCE2

#6EB6ED - #C9DCE2

HSV Blend

#6EB6ED - #C9DCE2 | 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 #6EB6ED as 0% and #C9DCE2 as 100%.

0.0%	0.0% #6EB6ED	RGB 110 182 237	#6EB6ED
16.7%	16.7% #7DBFEB	RGB 125 191 235	#7DBFEB
33.3%	33.3% #8DC7E9	RGB 141 199 233	#8DC7E9
50.0%	50.0% #9CCEE7	RGB 156 206 231	#9CCEE7
66.7%	66.7% #ABD4E5	RGB 171 212 229	#ABD4E5
83.3%	83.3% #BAD8E3	RGB 186 216 227	#BAD8E3
100.0%	100.0% #C9DCE2	RGB 201 220 226	#C9DCE2

#6EB6ED #7DBFEB #8DC7E9 #9CCEE7 #ABD4E5 #BAD8E3 #C9DCE2

#6EB6ED - #9CCEE7 - #C9DCE2

CSS codes

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

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