#998F8F - #E1DFDF | 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 #998F8F to #E1DFDF

#998F8F #E1DFDF

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

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

0.0%	0.0% #998F8F	RGB 153 143 143	#998F8F
16.7%	16.7% #A59C9C	RGB 165 156 156	#A59C9C
33.3%	33.3% #B1A9A9	RGB 177 169 169	#B1A9A9
50.0%	50.0% #BDB7B7	RGB 189 183 183	#BDB7B7
66.7%	66.7% #C9C4C4	RGB 201 196 196	#C9C4C4
83.3%	83.3% #D5D1D1	RGB 213 209 209	#D5D1D1
100.0%	100.0% #E1DFDF	RGB 225 223 223	#E1DFDF

#998F8F #A59C9C #B1A9A9 #BDB7B7 #C9C4C4 #D5D1D1 #E1DFDF

#998F8F - #E1DFDF

HSV Blend

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

0.0%	0.0% #998F8F	RGB 153 143 143	#998F8F
16.7%	16.7% #A59B9B	RGB 165 155 155	#A59B9B
33.3%	33.3% #B1A8A8	RGB 177 168 168	#B1A8A8
50.0%	50.0% #BDB5B5	RGB 189 181 181	#BDB5B5
66.7%	66.7% #C9C3C3	RGB 201 195 195	#C9C3C3
83.3%	83.3% #D5D1D1	RGB 213 209 209	#D5D1D1
100.0%	100.0% #E1DFDF	RGB 225 223 223	#E1DFDF

#998F8F #A59B9B #B1A8A8 #BDB5B5 #C9C3C3 #D5D1D1 #E1DFDF

#998F8F - #BDB5B5 - #E1DFDF

CSS codes

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

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