#C5E1FC - #629CD9 | 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 #C5E1FC to #629CD9

#C5E1FC #629CD9

Calculate the color between two colors, #C5E1FC and #629CD9. 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)

#C5E1FC - #629CD9 | 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 #C5E1FC as 0% and #629CD9 as 100%.

0.0%	0.0% #C5E1FC	RGB 197 225 252	#C5E1FC
16.7%	16.7% #B4D5F6	RGB 180 213 246	#B4D5F6
33.3%	33.3% #A4CAF0	RGB 164 202 240	#A4CAF0
50.0%	50.0% #93BEEA	RGB 147 190 234	#93BEEA
66.7%	66.7% #83B3E4	RGB 131 179 228	#83B3E4
83.3%	83.3% #72A7DE	RGB 114 167 222	#72A7DE
100.0%	100.0% #629CD9	RGB 98 156 217	#629CD9

#C5E1FC #B4D5F6 #A4CAF0 #93BEEA #83B3E4 #72A7DE #629CD9

#C5E1FC - #629CD9

HSV Blend

#C5E1FC - #629CD9 | 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 #C5E1FC as 0% and #629CD9 as 100%.

0.0%	0.0% #C5E1FC	RGB 197 225 252	#C5E1FC
16.7%	16.7% #B2D4F6	RGB 178 212 246	#B2D4F6
33.3%	33.3% #A1C9F0	RGB 161 201 240	#A1C9F0
50.0%	50.0% #90BDEA	RGB 144 189 234	#90BDEA
66.7%	66.7% #80B2E4	RGB 128 178 228	#80B2E4
83.3%	83.3% #70A6DE	RGB 112 166 222	#70A6DE
100.0%	100.0% #629CD9	RGB 98 156 217	#629CD9

#C5E1FC #B2D4F6 #A1C9F0 #90BDEA #80B2E4 #70A6DE #629CD9

#C5E1FC - #90BDEA - #629CD9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5E1FC 0%, #90BDEA 50%, #629CD9 100%);
    background: -webkit-linear-gradient(top, #C5E1FC 0%, #90BDEA 50%, #629CD9 100%);
    background: linear-gradient(to bottom, #C5E1FC 0%, #90BDEA 50%, #629CD9 100%);
}
</style>