#E5E4EA - #899BB2 | 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 #E5E4EA to #899BB2

#E5E4EA #899BB2

Calculate the color between two colors, #E5E4EA and #899BB2. 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)

#E5E4EA - #899BB2 | 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 #E5E4EA as 0% and #899BB2 as 100%.

0.0%	0.0% #E5E4EA	RGB 229 228 234	#E5E4EA
16.7%	16.7% #D5D7E0	RGB 213 215 224	#D5D7E0
33.3%	33.3% #C6CBD7	RGB 198 203 215	#C6CBD7
50.0%	50.0% #B7BFCE	RGB 183 191 206	#B7BFCE
66.7%	66.7% #A7B3C4	RGB 167 179 196	#A7B3C4
83.3%	83.3% #98A7BB	RGB 152 167 187	#98A7BB
100.0%	100.0% #899BB2	RGB 137 155 178	#899BB2

#E5E4EA #D5D7E0 #C6CBD7 #B7BFCE #A7B3C4 #98A7BB #899BB2

#E5E4EA - #899BB2

HSV Blend

#E5E4EA - #899BB2 | 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 #E5E4EA as 0% and #899BB2 as 100%.

0.0%	0.0% #E5E4EA	RGB 229 228 234	#E5E4EA
16.7%	16.7% #D4D3E0	RGB 212 211 224	#D4D3E0
33.3%	33.3% #C3C3D7	RGB 195 195 215	#C3C3D7
50.0%	50.0% #B3B7CE	RGB 179 183 206	#B3B7CE
66.7%	66.7% #A4ACC4	RGB 164 172 196	#A4ACC4
83.3%	83.3% #96A3BB	RGB 150 163 187	#96A3BB
100.0%	100.0% #899BB2	RGB 137 155 178	#899BB2

#E5E4EA #D4D3E0 #C3C3D7 #B3B7CE #A4ACC4 #96A3BB #899BB2

#E5E4EA - #B3B7CE - #899BB2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #E5E4EA 0%, #B3B7CE 50%, #899BB2 100%);
    background: -webkit-linear-gradient(top, #E5E4EA 0%, #B3B7CE 50%, #899BB2 100%);
    background: linear-gradient(to bottom, #E5E4EA 0%, #B3B7CE 50%, #899BB2 100%);
}
</style>