#6CB8C4 - #D5E9EE | 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 #6CB8C4 to #D5E9EE

#6CB8C4 #D5E9EE

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

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

0.0%	0.0% #6CB8C4	RGB 108 184 196	#6CB8C4
16.7%	16.7% #7DC0CB	RGB 125 192 203	#7DC0CB
33.3%	33.3% #8FC8D2	RGB 143 200 210	#8FC8D2
50.0%	50.0% #A0D0D9	RGB 160 208 217	#A0D0D9
66.7%	66.7% #B2D8E0	RGB 178 216 224	#B2D8E0
83.3%	83.3% #C3E0E7	RGB 195 224 231	#C3E0E7
100.0%	100.0% #D5E9EE	RGB 213 233 238	#D5E9EE

#6CB8C4 #7DC0CB #8FC8D2 #A0D0D9 #B2D8E0 #C3E0E7 #D5E9EE

#6CB8C4 - #D5E9EE

HSV Blend

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

0.0%	0.0% #6CB8C4	RGB 108 184 196	#6CB8C4
16.7%	16.7% #7BBFCB	RGB 123 191 203	#7BBFCB
33.3%	33.3% #8BC6D2	RGB 139 198 210	#8BC6D2
50.0%	50.0% #9CCED9	RGB 156 206 217	#9CCED9
66.7%	66.7% #AED7E0	RGB 174 215 224	#AED7E0
83.3%	83.3% #C1DFE7	RGB 193 223 231	#C1DFE7
100.0%	100.0% #D5E9EE	RGB 213 233 238	#D5E9EE

#6CB8C4 #7BBFCB #8BC6D2 #9CCED9 #AED7E0 #C1DFE7 #D5E9EE

#6CB8C4 - #9CCED9 - #D5E9EE

CSS codes

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

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