#359EED - #C5E2F9 | 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 #359EED to #C5E2F9

#359EED #C5E2F9

Calculate the color between two colors, #359EED and #C5E2F9. 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)

#359EED - #C5E2F9 | 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 #359EED as 0% and #C5E2F9 as 100%.

0.0%	0.0% #359EED	RGB 53 158 237	#359EED
16.7%	16.7% #4DA9EF	RGB 77 169 239	#4DA9EF
33.3%	33.3% #65B4F1	RGB 101 180 241	#65B4F1
50.0%	50.0% #7DC0F3	RGB 125 192 243	#7DC0F3
66.7%	66.7% #95CBF5	RGB 149 203 245	#95CBF5
83.3%	83.3% #ADD6F7	RGB 173 214 247	#ADD6F7
100.0%	100.0% #C5E2F9	RGB 197 226 249	#C5E2F9

#359EED #4DA9EF #65B4F1 #7DC0F3 #95CBF5 #ADD6F7 #C5E2F9

#359EED - #C5E2F9

HSV Blend

#359EED - #C5E2F9 | 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 #359EED as 0% and #C5E2F9 as 100%.

0.0%	0.0% #359DED	RGB 53 157 237	#359DED
16.7%	16.7% #4CA8EF	RGB 76 168 239	#4CA8EF
33.3%	33.3% #63B3F1	RGB 99 179 241	#63B3F1
50.0%	50.0% #7BBEF3	RGB 123 190 243	#7BBEF3
66.7%	66.7% #93CAF5	RGB 147 202 245	#93CAF5
83.3%	83.3% #ACD6F7	RGB 172 214 247	#ACD6F7
100.0%	100.0% #C5E2F9	RGB 197 226 249	#C5E2F9

#359DED #4CA8EF #63B3F1 #7BBEF3 #93CAF5 #ACD6F7 #C5E2F9

#359EED - #7BBEF3 - #C5E2F9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #359DED 0%, #7BBEF3 50%, #C5E2F9 100%);
    background: -webkit-linear-gradient(top, #359DED 0%, #7BBEF3 50%, #C5E2F9 100%);
    background: linear-gradient(to bottom, #359DED 0%, #7BBEF3 50%, #C5E2F9 100%);
}
</style>