#07100B - #B8BAB9 | 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 #07100B to #B8BAB9

#07100B #B8BAB9

Calculate the color between two colors, #07100B and #B8BAB9. 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)

#07100B - #B8BAB9 | 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 #07100B as 0% and #B8BAB9 as 100%.

0.0%	0.0% #07100B	RGB 7 16 11	#07100B
16.7%	16.7% #242C28	RGB 36 44 40	#242C28
33.3%	33.3% #424845	RGB 66 72 69	#424845
50.0%	50.0% #5F6562	RGB 95 101 98	#5F6562
66.7%	66.7% #7D817F	RGB 125 129 127	#7D817F
83.3%	83.3% #9A9D9C	RGB 154 157 156	#9A9D9C
100.0%	100.0% #B8BAB9	RGB 184 186 185	#B8BAB9

#07100B #242C28 #424845 #5F6562 #7D817F #9A9D9C #B8BAB9

#07100B - #B8BAB9

HSV Blend

#07100B - #B8BAB9 | 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 #07100B as 0% and #B8BAB9 as 100%.

0.0%	0.0% #07100B	RGB 7 16 11	#07100B
16.7%	16.7% #172C20	RGB 23 44 32	#172C20
33.3%	33.3% #2D4839	RGB 45 72 57	#2D4839
50.0%	50.0% #486555	RGB 72 101 85	#486555
66.7%	66.7% #688174	RGB 104 129 116	#688174
83.3%	83.3% #8D9D95	RGB 141 157 149	#8D9D95
100.0%	100.0% #B8BAB9	RGB 184 186 185	#B8BAB9

#07100B #172C20 #2D4839 #486555 #688174 #8D9D95 #B8BAB9

#07100B - #486555 - #B8BAB9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #07100B 0%, #486555 50%, #B8BAB9 100%);
    background: -webkit-linear-gradient(top, #07100B 0%, #486555 50%, #B8BAB9 100%);
    background: linear-gradient(to bottom, #07100B 0%, #486555 50%, #B8BAB9 100%);
}
</style>