#98889E - #2B262D | 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 #98889E to #2B262D

#98889E #2B262D

Calculate the color between two colors, #98889E and #2B262D. 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)

#98889E - #2B262D | 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 #98889E as 0% and #2B262D as 100%.

0.0%	0.0% #98889E	RGB 152 136 158	#98889E
16.7%	16.7% #85778B	RGB 133 119 139	#85778B
33.3%	33.3% #736778	RGB 115 103 120	#736778
50.0%	50.0% #615765	RGB 97 87 101	#615765
66.7%	66.7% #4F4652	RGB 79 70 82	#4F4652
83.3%	83.3% #3D363F	RGB 61 54 63	#3D363F
100.0%	100.0% #2B262D	RGB 43 38 45	#2B262D

#98889E #85778B #736778 #615765 #4F4652 #3D363F #2B262D

#98889E - #2B262D

HSV Blend

#98889E - #2B262D | 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 #98889E as 0% and #2B262D as 100%.

0.0%	0.0% #98889E	RGB 152 136 158	#98889E
16.7%	16.7% #85778B	RGB 133 119 139	#85778B
33.3%	33.3% #736678	RGB 115 102 120	#736678
50.0%	50.0% #615665	RGB 97 86 101	#615665
66.7%	66.7% #4F4652	RGB 79 70 82	#4F4652
83.3%	83.3% #3D363F	RGB 61 54 63	#3D363F
100.0%	100.0% #2B262D	RGB 43 38 45	#2B262D

#98889E #85778B #736678 #615665 #4F4652 #3D363F #2B262D

#98889E - #615665 - #2B262D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #98889E 0%, #615665 50%, #2B262D 100%);
    background: -webkit-linear-gradient(top, #98889E 0%, #615665 50%, #2B262D 100%);
    background: linear-gradient(to bottom, #98889E 0%, #615665 50%, #2B262D 100%);
}
</style>