#998D9E - #E2DEE3 | 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 #998D9E to #E2DEE3

#998D9E #E2DEE3

Calculate the color between two colors, #998D9E and #E2DEE3. 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)

#998D9E - #E2DEE3 | 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 #998D9E as 0% and #E2DEE3 as 100%.

0.0%	0.0% #998D9E	RGB 153 141 158	#998D9E
16.7%	16.7% #A59AA9	RGB 165 154 169	#A59AA9
33.3%	33.3% #B1A8B5	RGB 177 168 181	#B1A8B5
50.0%	50.0% #BDB5C0	RGB 189 181 192	#BDB5C0
66.7%	66.7% #C9C3CC	RGB 201 195 204	#C9C3CC
83.3%	83.3% #D5D0D7	RGB 213 208 215	#D5D0D7
100.0%	100.0% #E2DEE3	RGB 226 222 227	#E2DEE3

#998D9E #A59AA9 #B1A8B5 #BDB5C0 #C9C3CC #D5D0D7 #E2DEE3

#998D9E - #E2DEE3

HSV Blend

#998D9E - #E2DEE3 | 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 #998D9E as 0% and #E2DEE3 as 100%.

0.0%	0.0% #998D9E	RGB 153 141 158	#998D9E
16.7%	16.7% #A599A9	RGB 165 153 169	#A599A9
33.3%	33.3% #B1A6B5	RGB 177 166 181	#B1A6B5
50.0%	50.0% #BDB4C0	RGB 189 180 192	#BDB4C0
66.7%	66.7% #C9C1CC	RGB 201 193 204	#C9C1CC
83.3%	83.3% #D5CFD7	RGB 213 207 215	#D5CFD7
100.0%	100.0% #E2DEE3	RGB 226 222 227	#E2DEE3

#998D9E #A599A9 #B1A6B5 #BDB4C0 #C9C1CC #D5CFD7 #E2DEE3

#998D9E - #BDB4C0 - #E2DEE3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #998D9E 0%, #BDB4C0 50%, #E2DEE3 100%);
    background: -webkit-linear-gradient(top, #998D9E 0%, #BDB4C0 50%, #E2DEE3 100%);
    background: linear-gradient(to bottom, #998D9E 0%, #BDB4C0 50%, #E2DEE3 100%);
}
</style>