#091008 - #B8BAB8 | 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 #091008 to #B8BAB8

#091008 #B8BAB8

Calculate the color between two colors, #091008 and #B8BAB8. 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)

#091008 - #B8BAB8 | 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 #091008 as 0% and #B8BAB8 as 100%.

0.0%	0.0% #091008	RGB 9 16 8	#091008
16.7%	16.7% #262C25	RGB 38 44 37	#262C25
33.3%	33.3% #434842	RGB 67 72 66	#434842
50.0%	50.0% #606560	RGB 96 101 96	#606560
66.7%	66.7% #7D817D	RGB 125 129 125	#7D817D
83.3%	83.3% #9A9D9A	RGB 154 157 154	#9A9D9A
100.0%	100.0% #B8BAB8	RGB 184 186 184	#B8BAB8

#091008 #262C25 #434842 #606560 #7D817D #9A9D9A #B8BAB8

#091008 - #B8BAB8

HSV Blend

#091008 - #B8BAB8 | 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 #091008 as 0% and #B8BAB8 as 100%.

0.0%	0.0% #091008	RGB 9 16 8	#091008
16.7%	16.7% #1B2C19	RGB 27 44 25	#1B2C19
33.3%	33.3% #324830	RGB 50 72 48	#324830
50.0%	50.0% #4C654B	RGB 76 101 75	#4C654B
66.7%	66.7% #6B816A	RGB 107 129 106	#6B816A
83.3%	83.3% #8F9D8F	RGB 143 157 143	#8F9D8F
100.0%	100.0% #B8BAB8	RGB 184 186 184	#B8BAB8

#091008 #1B2C19 #324830 #4C654B #6B816A #8F9D8F #B8BAB8

#091008 - #4C654B - #B8BAB8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #091008 0%, #4C654B 50%, #B8BAB8 100%);
    background: -webkit-linear-gradient(top, #091008 0%, #4C654B 50%, #B8BAB8 100%);
    background: linear-gradient(to bottom, #091008 0%, #4C654B 50%, #B8BAB8 100%);
}
</style>