#050F05 - #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 #050F05 to #B7BAB7

#050F05 #B7BAB7

Calculate the color between two colors, #050F05 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)

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

0.0%	0.0% #050F05	RGB 5 15 5	#050F05
16.7%	16.7% #222B22	RGB 34 43 34	#222B22
33.3%	33.3% #404840	RGB 64 72 64	#404840
50.0%	50.0% #5E645E	RGB 94 100 94	#5E645E
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

#050F05 #222B22 #404840 #5E645E #7B817B #999D99 #B7BAB7

#050F05 - #B7BAB7

HSV Blend

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

0.0%	0.0% #050F05	RGB 5 15 5	#050F05
16.7%	16.7% #132B13	RGB 19 43 19	#132B13
33.3%	33.3% #274827	RGB 39 72 39	#274827
50.0%	50.0% #426442	RGB 66 100 66	#426442
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

#050F05 #132B13 #274827 #426442 #628162 #899D89 #B7BAB7

#050F05 - #426442 - #B7BAB7

CSS codes

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

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