#989A8F - #E1E2DF | 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 #989A8F to #E1E2DF

#989A8F #E1E2DF

Calculate the color between two colors, #989A8F and #E1E2DF. 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)

#989A8F - #E1E2DF | 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 #989A8F as 0% and #E1E2DF as 100%.

0.0%	0.0% #989A8F	RGB 152 154 143	#989A8F
16.7%	16.7% #A4A69C	RGB 164 166 156	#A4A69C
33.3%	33.3% #B0B2A9	RGB 176 178 169	#B0B2A9
50.0%	50.0% #BCBEB7	RGB 188 190 183	#BCBEB7
66.7%	66.7% #C8CAC4	RGB 200 202 196	#C8CAC4
83.3%	83.3% #D4D6D1	RGB 212 214 209	#D4D6D1
100.0%	100.0% #E1E2DF	RGB 225 226 223	#E1E2DF

#989A8F #A4A69C #B0B2A9 #BCBEB7 #C8CAC4 #D4D6D1 #E1E2DF

#989A8F - #E1E2DF

HSV Blend

#989A8F - #E1E2DF | 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 #989A8F as 0% and #E1E2DF as 100%.

0.0%	0.0% #989A8F	RGB 152 154 143	#989A8F
16.7%	16.7% #A3A69B	RGB 163 166 155	#A3A69B
33.3%	33.3% #AFB2A8	RGB 175 178 168	#AFB2A8
50.0%	50.0% #BBBEB5	RGB 187 190 181	#BBBEB5
66.7%	66.7% #C8CAC3	RGB 200 202 195	#C8CAC3
83.3%	83.3% #D4D6D1	RGB 212 214 209	#D4D6D1
100.0%	100.0% #E1E2DF	RGB 225 226 223	#E1E2DF

#989A8F #A3A69B #AFB2A8 #BBBEB5 #C8CAC3 #D4D6D1 #E1E2DF

#989A8F - #BBBEB5 - #E1E2DF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #989A8F 0%, #BBBEB5 50%, #E1E2DF 100%);
    background: -webkit-linear-gradient(top, #989A8F 0%, #BBBEB5 50%, #E1E2DF 100%);
    background: linear-gradient(to bottom, #989A8F 0%, #BBBEB5 50%, #E1E2DF 100%);
}
</style>