#6DB4C0 - #D5E8ED | 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 #6DB4C0 to #D5E8ED

#6DB4C0 #D5E8ED

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

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

0.0%	0.0% #6DB4C0	RGB 109 180 192	#6DB4C0
16.7%	16.7% #7EBCC7	RGB 126 188 199	#7EBCC7
33.3%	33.3% #8FC5CF	RGB 143 197 207	#8FC5CF
50.0%	50.0% #A1CED6	RGB 161 206 214	#A1CED6
66.7%	66.7% #B2D6DE	RGB 178 214 222	#B2D6DE
83.3%	83.3% #C3DFE5	RGB 195 223 229	#C3DFE5
100.0%	100.0% #D5E8ED	RGB 213 232 237	#D5E8ED

#6DB4C0 #7EBCC7 #8FC5CF #A1CED6 #B2D6DE #C3DFE5 #D5E8ED

#6DB4C0 - #D5E8ED

HSV Blend

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

0.0%	0.0% #6DB3C0	RGB 109 179 192	#6DB3C0
16.7%	16.7% #7CBBC7	RGB 124 187 199	#7CBBC7
33.3%	33.3% #8CC3CF	RGB 140 195 207	#8CC3CF
50.0%	50.0% #9DCCD6	RGB 157 204 214	#9DCCD6
66.7%	66.7% #AFD5DE	RGB 175 213 222	#AFD5DE
83.3%	83.3% #C1DEE5	RGB 193 222 229	#C1DEE5
100.0%	100.0% #D5E8ED	RGB 213 232 237	#D5E8ED

#6DB3C0 #7CBBC7 #8CC3CF #9DCCD6 #AFD5DE #C1DEE5 #D5E8ED

#6DB4C0 - #9DCCD6 - #D5E8ED

CSS codes

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

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