#6DB7CB - #D5E9F0 | 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 #6DB7CB to #D5E9F0

#6DB7CB #D5E9F0

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

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

0.0%	0.0% #6DB7CB	RGB 109 183 203	#6DB7CB
16.7%	16.7% #7EBFD1	RGB 126 191 209	#7EBFD1
33.3%	33.3% #8FC7D7	RGB 143 199 215	#8FC7D7
50.0%	50.0% #A1D0DD	RGB 161 208 221	#A1D0DD
66.7%	66.7% #B2D8E3	RGB 178 216 227	#B2D8E3
83.3%	83.3% #C3E0E9	RGB 195 224 233	#C3E0E9
100.0%	100.0% #D5E9F0	RGB 213 233 240	#D5E9F0

#6DB7CB #7EBFD1 #8FC7D7 #A1D0DD #B2D8E3 #C3E0E9 #D5E9F0

#6DB7CB - #D5E9F0

HSV Blend

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

0.0%	0.0% #6DB7CB	RGB 109 183 203	#6DB7CB
16.7%	16.7% #7CBED1	RGB 124 190 209	#7CBED1
33.3%	33.3% #8CC6D7	RGB 140 198 215	#8CC6D7
50.0%	50.0% #9DCEDD	RGB 157 206 221	#9DCEDD
66.7%	66.7% #AFD6E3	RGB 175 214 227	#AFD6E3
83.3%	83.3% #C1DFE9	RGB 193 223 233	#C1DFE9
100.0%	100.0% #D5E9F0	RGB 213 233 240	#D5E9F0

#6DB7CB #7CBED1 #8CC6D7 #9DCEDD #AFD6E3 #C1DFE9 #D5E9F0

#6DB7CB - #9DCEDD - #D5E9F0

CSS codes

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

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