#6DB2D4 - #D6DCD6 | 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 #6DB2D4 to #D6DCD6

#6DB2D4 #D6DCD6

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

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

0.0%	0.0% #6DB2D4	RGB 109 178 212	#6DB2D4
16.7%	16.7% #7EB9D4	RGB 126 185 212	#7EB9D4
33.3%	33.3% #90C0D4	RGB 144 192 212	#90C0D4
50.0%	50.0% #A1C7D5	RGB 161 199 213	#A1C7D5
66.7%	66.7% #B3CED5	RGB 179 206 213	#B3CED5
83.3%	83.3% #C4D5D5	RGB 196 213 213	#C4D5D5
100.0%	100.0% #D6DCD6	RGB 214 220 214	#D6DCD6

#6DB2D4 #7EB9D4 #90C0D4 #A1C7D5 #B3CED5 #C4D5D5 #D6DCD6

#6DB2D4 - #D6DCD6

HSV Blend

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

0.0%	0.0% #6DB1D4	RGB 109 177 212	#6DB1D4
16.7%	16.7% #7DCBD5	RGB 125 203 213	#7DCBD5
33.3%	33.3% #8FD6CE	RGB 143 214 206	#8FD6CE
50.0%	50.0% #A0D8C5	RGB 160 216 197	#A0D8C5
66.7%	66.7% #B2D9C3	RGB 178 217 195	#B2D9C3
83.3%	83.3% #C3DAC9	RGB 195 218 201	#C3DAC9
100.0%	100.0% #D6DCD6	RGB 214 220 214	#D6DCD6

#6DB1D4 #7DCBD5 #8FD6CE #A0D8C5 #B2D9C3 #C3DAC9 #D6DCD6

#6DB2D4 - #A0D8C5 - #D6DCD6

CSS codes

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

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