#6DAAF3 - #D5E6FB | 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 #6DAAF3 to #D5E6FB

#6DAAF3 #D5E6FB

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

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

0.0%	0.0% #6DAAF3	RGB 109 170 243	#6DAAF3
16.7%	16.7% #7EB4F4	RGB 126 180 244	#7EB4F4
33.3%	33.3% #8FBEF5	RGB 143 190 245	#8FBEF5
50.0%	50.0% #A1C8F7	RGB 161 200 247	#A1C8F7
66.7%	66.7% #B2D2F8	RGB 178 210 248	#B2D2F8
83.3%	83.3% #C3DCF9	RGB 195 220 249	#C3DCF9
100.0%	100.0% #D5E6FB	RGB 213 230 251	#D5E6FB

#6DAAF3 #7EB4F4 #8FBEF5 #A1C8F7 #B2D2F8 #C3DCF9 #D5E6FB

#6DAAF3 - #D5E6FB

HSV Blend

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

0.0%	0.0% #6DA9F3	RGB 109 169 243	#6DA9F3
16.7%	16.7% #7DB3F4	RGB 125 179 244	#7DB3F4
33.3%	33.3% #8EBDF5	RGB 142 189 245	#8EBDF5
50.0%	50.0% #A0C7F7	RGB 160 199 247	#A0C7F7
66.7%	66.7% #B1D1F8	RGB 177 209 248	#B1D1F8
83.3%	83.3% #C3DBF9	RGB 195 219 249	#C3DBF9
100.0%	100.0% #D5E6FB	RGB 213 230 251	#D5E6FB

#6DA9F3 #7DB3F4 #8EBDF5 #A0C7F7 #B1D1F8 #C3DBF9 #D5E6FB

#6DAAF3 - #A0C7F7 - #D5E6FB

CSS codes

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

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