#E5EBF3 - #94A9C0 | 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 #E5EBF3 to #94A9C0

#E5EBF3 #94A9C0

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

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

0.0%	0.0% #E5EBF3	RGB 229 235 243	#E5EBF3
16.7%	16.7% #D7E0EA	RGB 215 224 234	#D7E0EA
33.3%	33.3% #CAD5E2	RGB 202 213 226	#CAD5E2
50.0%	50.0% #BCCAD9	RGB 188 202 217	#BCCAD9
66.7%	66.7% #AFBFD1	RGB 175 191 209	#AFBFD1
83.3%	83.3% #A1B4C8	RGB 161 180 200	#A1B4C8
100.0%	100.0% #94A9C0	RGB 148 169 192	#94A9C0

#E5EBF3 #D7E0EA #CAD5E2 #BCCAD9 #AFBFD1 #A1B4C8 #94A9C0

#E5EBF3 - #94A9C0

HSV Blend

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

0.0%	0.0% #E5EBF3	RGB 229 235 243	#E5EBF3
16.7%	16.7% #D6DFEA	RGB 214 223 234	#D6DFEA
33.3%	33.3% #C8D3E2	RGB 200 211 226	#C8D3E2
50.0%	50.0% #BAC8D9	RGB 186 200 217	#BAC8D9
66.7%	66.7% #ADBDD1	RGB 173 189 209	#ADBDD1
83.3%	83.3% #A0B3C8	RGB 160 179 200	#A0B3C8
100.0%	100.0% #94A9C0	RGB 148 169 192	#94A9C0

#E5EBF3 #D6DFEA #C8D3E2 #BAC8D9 #ADBDD1 #A0B3C8 #94A9C0

#E5EBF3 - #BAC8D9 - #94A9C0

CSS codes

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

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