#6DAFD0 - #D5E8F1 | 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 #6DAFD0 to #D5E8F1

#6DAFD0 #D5E8F1

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

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

0.0%	0.0% #6DAFD0	RGB 109 175 208	#6DAFD0
16.7%	16.7% #7EB8D5	RGB 126 184 213	#7EB8D5
33.3%	33.3% #8FC2DB	RGB 143 194 219	#8FC2DB
50.0%	50.0% #A1CBE0	RGB 161 203 224	#A1CBE0
66.7%	66.7% #B2D5E6	RGB 178 213 230	#B2D5E6
83.3%	83.3% #C3DEEB	RGB 195 222 235	#C3DEEB
100.0%	100.0% #D5E8F1	RGB 213 232 241	#D5E8F1

#6DAFD0 #7EB8D5 #8FC2DB #A1CBE0 #B2D5E6 #C3DEEB #D5E8F1

#6DAFD0 - #D5E8F1

HSV Blend

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

0.0%	0.0% #6DAFD0	RGB 109 175 208	#6DAFD0
16.7%	16.7% #7CB8D5	RGB 124 184 213	#7CB8D5
33.3%	33.3% #8DC1DB	RGB 141 193 219	#8DC1DB
50.0%	50.0% #9ECAE0	RGB 158 202 224	#9ECAE0
66.7%	66.7% #AFD4E6	RGB 175 212 230	#AFD4E6
83.3%	83.3% #C2DEEB	RGB 194 222 235	#C2DEEB
100.0%	100.0% #D5E8F1	RGB 213 232 241	#D5E8F1

#6DAFD0 #7CB8D5 #8DC1DB #9ECAE0 #AFD4E6 #C2DEEB #D5E8F1

#6DAFD0 - #9ECAE0 - #D5E8F1

CSS codes

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

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