#E5ECF3 - #94AAC0 | 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 #E5ECF3 to #94AAC0

#E5ECF3 #94AAC0

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

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

0.0%	0.0% #E5ECF3	RGB 229 236 243	#E5ECF3
16.7%	16.7% #D7E1EA	RGB 215 225 234	#D7E1EA
33.3%	33.3% #CAD6E2	RGB 202 214 226	#CAD6E2
50.0%	50.0% #BCCBD9	RGB 188 203 217	#BCCBD9
66.7%	66.7% #AFC0D1	RGB 175 192 209	#AFC0D1
83.3%	83.3% #A1B5C8	RGB 161 181 200	#A1B5C8
100.0%	100.0% #94AAC0	RGB 148 170 192	#94AAC0

#E5ECF3 #D7E1EA #CAD6E2 #BCCBD9 #AFC0D1 #A1B5C8 #94AAC0

#E5ECF3 - #94AAC0

HSV Blend

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

0.0%	0.0% #E5ECF3	RGB 229 236 243	#E5ECF3
16.7%	16.7% #D6E0EA	RGB 214 224 234	#D6E0EA
33.3%	33.3% #C8D5E2	RGB 200 213 226	#C8D5E2
50.0%	50.0% #BAC9D9	RGB 186 201 217	#BAC9D9
66.7%	66.7% #ADBFD1	RGB 173 191 209	#ADBFD1
83.3%	83.3% #A0B4C8	RGB 160 180 200	#A0B4C8
100.0%	100.0% #94AAC0	RGB 148 170 192	#94AAC0

#E5ECF3 #D6E0EA #C8D5E2 #BAC9D9 #ADBFD1 #A0B4C8 #94AAC0

#E5ECF3 - #BAC9D9 - #94AAC0

CSS codes

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

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