#D9F2FD - #6BBDDE | 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 #D9F2FD to #6BBDDE

#D9F2FD #6BBDDE

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

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

0.0%	0.0% #D9F2FD	RGB 217 242 253	#D9F2FD
16.7%	16.7% #C6E9F7	RGB 198 233 247	#C6E9F7
33.3%	33.3% #B4E0F2	RGB 180 224 242	#B4E0F2
50.0%	50.0% #A2D7ED	RGB 162 215 237	#A2D7ED
66.7%	66.7% #8FCEE8	RGB 143 206 232	#8FCEE8
83.3%	83.3% #7DC5E3	RGB 125 197 227	#7DC5E3
100.0%	100.0% #6BBDDE	RGB 107 189 222	#6BBDDE

#D9F2FD #C6E9F7 #B4E0F2 #A2D7ED #8FCEE8 #7DC5E3 #6BBDDE

#D9F2FD - #6BBDDE

HSV Blend

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

0.0%	0.0% #D9F2FD	RGB 217 242 253	#D9F2FD
16.7%	16.7% #C5E8F7	RGB 197 232 247	#C5E8F7
33.3%	33.3% #B1DFF2	RGB 177 223 242	#B1DFF2
50.0%	50.0% #9FD6ED	RGB 159 214 237	#9FD6ED
66.7%	66.7% #8DCDE8	RGB 141 205 232	#8DCDE8
83.3%	83.3% #7BC5E3	RGB 123 197 227	#7BC5E3
100.0%	100.0% #6BBDDE	RGB 107 189 222	#6BBDDE

#D9F2FD #C5E8F7 #B1DFF2 #9FD6ED #8DCDE8 #7BC5E3 #6BBDDE

#D9F2FD - #9FD6ED - #6BBDDE

CSS codes

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

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