#60B5E1 - #D1E9F6 | 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 #60B5E1 to #D1E9F6

#60B5E1 #D1E9F6

Calculate the color between two colors, #60B5E1 and #D1E9F6. 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)

#60B5E1 - #D1E9F6 | 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 #60B5E1 as 0% and #D1E9F6 as 100%.

0.0%	0.0% #60B5E1	RGB 96 181 225	#60B5E1
16.7%	16.7% #72BDE4	RGB 114 189 228	#72BDE4
33.3%	33.3% #85C6E8	RGB 133 198 232	#85C6E8
50.0%	50.0% #98CFEB	RGB 152 207 235	#98CFEB
66.7%	66.7% #ABD7EF	RGB 171 215 239	#ABD7EF
83.3%	83.3% #BEE0F2	RGB 190 224 242	#BEE0F2
100.0%	100.0% #D1E9F6	RGB 209 233 246	#D1E9F6

#60B5E1 #72BDE4 #85C6E8 #98CFEB #ABD7EF #BEE0F2 #D1E9F6

#60B5E1 - #D1E9F6

HSV Blend

#60B5E1 - #D1E9F6 | 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 #60B5E1 as 0% and #D1E9F6 as 100%.

0.0%	0.0% #60B4E1	RGB 96 180 225	#60B4E1
16.7%	16.7% #71BDE4	RGB 113 189 228	#71BDE4
33.3%	33.3% #83C5E8	RGB 131 197 232	#83C5E8
50.0%	50.0% #96CDEB	RGB 150 205 235	#96CDEB
66.7%	66.7% #A9D6EF	RGB 169 214 239	#A9D6EF
83.3%	83.3% #BCDFF2	RGB 188 223 242	#BCDFF2
100.0%	100.0% #D1E9F6	RGB 209 233 246	#D1E9F6

#60B4E1 #71BDE4 #83C5E8 #96CDEB #A9D6EF #BCDFF2 #D1E9F6

#60B5E1 - #96CDEB - #D1E9F6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #60B4E1 0%, #96CDEB 50%, #D1E9F6 100%);
    background: -webkit-linear-gradient(top, #60B4E1 0%, #96CDEB 50%, #D1E9F6 100%);
    background: linear-gradient(to bottom, #60B4E1 0%, #96CDEB 50%, #D1E9F6 100%);
}
</style>