#989F8F - #E4AB9F | 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 #989F8F to #E4AB9F

#989F8F #E4AB9F

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

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

0.0%	0.0% #989F8F	RGB 152 159 143	#989F8F
16.7%	16.7% #A4A191	RGB 164 161 145	#A4A191
33.3%	33.3% #B1A394	RGB 177 163 148	#B1A394
50.0%	50.0% #BEA597	RGB 190 165 151	#BEA597
66.7%	66.7% #CAA799	RGB 202 167 153	#CAA799
83.3%	83.3% #D7A99C	RGB 215 169 156	#D7A99C
100.0%	100.0% #E4AB9F	RGB 228 171 159	#E4AB9F

#989F8F #A4A191 #B1A394 #BEA597 #CAA799 #D7A99C #E4AB9F

#989F8F - #E4AB9F

HSV Blend

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

0.0%	0.0% #989F8F	RGB 152 159 143	#989F8F
16.7%	16.7% #A5AA93	RGB 165 170 147	#A5AA93
33.3%	33.3% #B5B697	RGB 181 182 151	#B5B697
50.0%	50.0% #C1B99A	RGB 193 185 154	#C1B99A
66.7%	66.7% #CDB99C	RGB 205 185 156	#CDB99C
83.3%	83.3% #D8B49E	RGB 216 180 158	#D8B49E
100.0%	100.0% #E4AB9F	RGB 228 171 159	#E4AB9F

#989F8F #A5AA93 #B5B697 #C1B99A #CDB99C #D8B49E #E4AB9F

#989F8F - #C1B99A - #E4AB9F

CSS codes

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

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