#6DB3D9 - #D4DCD8 | 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 #6DB3D9 to #D4DCD8

#6DB3D9 #D4DCD8

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

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

0.0%	0.0% #6DB3D9	RGB 109 179 217	#6DB3D9
16.7%	16.7% #7EB9D8	RGB 126 185 216	#7EB9D8
33.3%	33.3% #8FC0D8	RGB 143 192 216	#8FC0D8
50.0%	50.0% #A0C7D8	RGB 160 199 216	#A0C7D8
66.7%	66.7% #B1CED8	RGB 177 206 216	#B1CED8
83.3%	83.3% #C2D5D8	RGB 194 213 216	#C2D5D8
100.0%	100.0% #D4DCD8	RGB 212 220 216	#D4DCD8

#6DB3D9 #7EB9D8 #8FC0D8 #A0C7D8 #B1CED8 #C2D5D8 #D4DCD8

#6DB3D9 - #D4DCD8

HSV Blend

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

0.0%	0.0% #6DB3D9	RGB 109 179 217	#6DB3D9
16.7%	16.7% #7DC6D9	RGB 125 198 217	#7DC6D9
33.3%	33.3% #8FD4DA	RGB 143 212 218	#8FD4DA
50.0%	50.0% #A0DAD6	RGB 160 218 214	#A0DAD6
66.7%	66.7% #B1DBD2	RGB 177 219 210	#B1DBD2
83.3%	83.3% #C2DBD2	RGB 194 219 210	#C2DBD2
100.0%	100.0% #D4DCD8	RGB 212 220 216	#D4DCD8

#6DB3D9 #7DC6D9 #8FD4DA #A0DAD6 #B1DBD2 #C2DBD2 #D4DCD8

#6DB3D9 - #A0DAD6 - #D4DCD8

CSS codes

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

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