#94C5E7 - #E0EEF8 | 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 #94C5E7 to #E0EEF8

#94C5E7 #E0EEF8

Calculate the color between two colors, #94C5E7 and #E0EEF8. 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)

#94C5E7 - #E0EEF8 | 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 #94C5E7 as 0% and #E0EEF8 as 100%.

0.0%	0.0% #94C5E7	RGB 148 197 231	#94C5E7
16.7%	16.7% #A0CBE9	RGB 160 203 233	#A0CBE9
33.3%	33.3% #ADD2EC	RGB 173 210 236	#ADD2EC
50.0%	50.0% #BAD9EF	RGB 186 217 239	#BAD9EF
66.7%	66.7% #C6E0F2	RGB 198 224 242	#C6E0F2
83.3%	83.3% #D3E7F5	RGB 211 231 245	#D3E7F5
100.0%	100.0% #E0EEF8	RGB 224 238 248	#E0EEF8

#94C5E7 #A0CBE9 #ADD2EC #BAD9EF #C6E0F2 #D3E7F5 #E0EEF8

#94C5E7 - #E0EEF8

HSV Blend

#94C5E7 - #E0EEF8 | 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 #94C5E7 as 0% and #E0EEF8 as 100%.

0.0%	0.0% #94C5E7	RGB 148 197 231	#94C5E7
16.7%	16.7% #A0CBE9	RGB 160 203 233	#A0CBE9
33.3%	33.3% #ACD2EC	RGB 172 210 236	#ACD2EC
50.0%	50.0% #B8D8EF	RGB 184 216 239	#B8D8EF
66.7%	66.7% #C5DFF2	RGB 197 223 242	#C5DFF2
83.3%	83.3% #D2E6F5	RGB 210 230 245	#D2E6F5
100.0%	100.0% #E0EEF8	RGB 224 238 248	#E0EEF8

#94C5E7 #A0CBE9 #ACD2EC #B8D8EF #C5DFF2 #D2E6F5 #E0EEF8

#94C5E7 - #B8D8EF - #E0EEF8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #94C5E7 0%, #B8D8EF 50%, #E0EEF8 100%);
    background: -webkit-linear-gradient(top, #94C5E7 0%, #B8D8EF 50%, #E0EEF8 100%);
    background: linear-gradient(to bottom, #94C5E7 0%, #B8D8EF 50%, #E0EEF8 100%);
}
</style>