#6DABF3 - #D5E7FB | 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 #6DABF3 to #D5E7FB

#6DABF3 #D5E7FB

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

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

0.0%	0.0% #6DABF3	RGB 109 171 243	#6DABF3
16.7%	16.7% #7EB5F4	RGB 126 181 244	#7EB5F4
33.3%	33.3% #8FBFF5	RGB 143 191 245	#8FBFF5
50.0%	50.0% #A1C9F7	RGB 161 201 247	#A1C9F7
66.7%	66.7% #B2D3F8	RGB 178 211 248	#B2D3F8
83.3%	83.3% #C3DDF9	RGB 195 221 249	#C3DDF9
100.0%	100.0% #D5E7FB	RGB 213 231 251	#D5E7FB

#6DABF3 #7EB5F4 #8FBFF5 #A1C9F7 #B2D3F8 #C3DDF9 #D5E7FB

#6DABF3 - #D5E7FB

HSV Blend

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

0.0%	0.0% #6DABF3	RGB 109 171 243	#6DABF3
16.7%	16.7% #7DB4F4	RGB 125 180 244	#7DB4F4
33.3%	33.3% #8EBEF5	RGB 142 190 245	#8EBEF5
50.0%	50.0% #A0C8F7	RGB 160 200 247	#A0C8F7
66.7%	66.7% #B1D2F8	RGB 177 210 248	#B1D2F8
83.3%	83.3% #C3DCF9	RGB 195 220 249	#C3DCF9
100.0%	100.0% #D5E7FB	RGB 213 231 251	#D5E7FB

#6DABF3 #7DB4F4 #8EBEF5 #A0C8F7 #B1D2F8 #C3DCF9 #D5E7FB

#6DABF3 - #A0C8F7 - #D5E7FB

CSS codes

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

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