#6DAFCC - #D5E7F0 | 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 #6DAFCC to #D5E7F0

#6DAFCC #D5E7F0

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

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

0.0%	0.0% #6DAFCC	RGB 109 175 204	#6DAFCC
16.7%	16.7% #7EB8D2	RGB 126 184 210	#7EB8D2
33.3%	33.3% #8FC1D8	RGB 143 193 216	#8FC1D8
50.0%	50.0% #A1CBDE	RGB 161 203 222	#A1CBDE
66.7%	66.7% #B2D4E4	RGB 178 212 228	#B2D4E4
83.3%	83.3% #C3DDEA	RGB 195 221 234	#C3DDEA
100.0%	100.0% #D5E7F0	RGB 213 231 240	#D5E7F0

#6DAFCC #7EB8D2 #8FC1D8 #A1CBDE #B2D4E4 #C3DDEA #D5E7F0

#6DAFCC - #D5E7F0

HSV Blend

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

0.0%	0.0% #6DAFCC	RGB 109 175 204	#6DAFCC
16.7%	16.7% #7CB7D2	RGB 124 183 210	#7CB7D2
33.3%	33.3% #8CC0D8	RGB 140 192 216	#8CC0D8
50.0%	50.0% #9DC9DE	RGB 157 201 222	#9DC9DE
66.7%	66.7% #AFD2E4	RGB 175 210 228	#AFD2E4
83.3%	83.3% #C1DCEA	RGB 193 220 234	#C1DCEA
100.0%	100.0% #D5E7F0	RGB 213 231 240	#D5E7F0

#6DAFCC #7CB7D2 #8CC0D8 #9DC9DE #AFD2E4 #C1DCEA #D5E7F0

#6DAFCC - #9DC9DE - #D5E7F0

CSS codes

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

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