#051005 - #B7BAB7 | 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 #051005 to #B7BAB7

#051005 #B7BAB7

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

#051005 - #B7BAB7 | 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 #051005 as 0% and #B7BAB7 as 100%.

0.0%	0.0% #051005	RGB 5 16 5	#051005
16.7%	16.7% #222C22	RGB 34 44 34	#222C22
33.3%	33.3% #404840	RGB 64 72 64	#404840
50.0%	50.0% #5E655E	RGB 94 101 94	#5E655E
66.7%	66.7% #7B817B	RGB 123 129 123	#7B817B
83.3%	83.3% #999D99	RGB 153 157 153	#999D99
100.0%	100.0% #B7BAB7	RGB 183 186 183	#B7BAB7

#051005 #222C22 #404840 #5E655E #7B817B #999D99 #B7BAB7

#051005 - #B7BAB7

HSV Blend

#051005 - #B7BAB7 | 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 #051005 as 0% and #B7BAB7 as 100%.

0.0%	0.0% #051005	RGB 5 16 5	#051005
16.7%	16.7% #122C12	RGB 18 44 18	#122C12
33.3%	33.3% #264826	RGB 38 72 38	#264826
50.0%	50.0% #416541	RGB 65 101 65	#416541
66.7%	66.7% #628162	RGB 98 129 98	#628162
83.3%	83.3% #899D89	RGB 137 157 137	#899D89
100.0%	100.0% #B7BAB7	RGB 183 186 183	#B7BAB7

#051005 #122C12 #264826 #416541 #628162 #899D89 #B7BAB7

#051005 - #416541 - #B7BAB7

CSS codes

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

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