#030F00 - #B7BAB6 | 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 #030F00 to #B7BAB6

#030F00 #B7BAB6

Calculate the color between two colors, #030F00 and #B7BAB6. 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)

#030F00 - #B7BAB6 | 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 #030F00 as 0% and #B7BAB6 as 100%.

0.0%	0.0% #030F00	RGB 3 15 0	#030F00
16.7%	16.7% #212B1E	RGB 33 43 30	#212B1E
33.3%	33.3% #3F483C	RGB 63 72 60	#3F483C
50.0%	50.0% #5D645B	RGB 93 100 91	#5D645B
66.7%	66.7% #7B8179	RGB 123 129 121	#7B8179
83.3%	83.3% #999D97	RGB 153 157 151	#999D97
100.0%	100.0% #B7BAB6	RGB 183 186 182	#B7BAB6

#030F00 #212B1E #3F483C #5D645B #7B8179 #999D97 #B7BAB6

#030F00 - #B7BAB6

HSV Blend

#030F00 - #B7BAB6 | 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 #030F00 as 0% and #B7BAB6 as 100%.

0.0%	0.0% #020F00	RGB 2 15 0	#020F00
16.7%	16.7% #0E2B07	RGB 14 43 7	#0E2B07
33.3%	33.3% #214817	RGB 33 72 23	#214817
50.0%	50.0% #3C6431	RGB 60 100 49	#3C6431
66.7%	66.7% #5E8154	RGB 94 129 84	#5E8154
83.3%	83.3% #879D80	RGB 135 157 128	#879D80
100.0%	100.0% #B7BAB6	RGB 183 186 182	#B7BAB6

#020F00 #0E2B07 #214817 #3C6431 #5E8154 #879D80 #B7BAB6

#030F00 - #3C6431 - #B7BAB6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #020F00 0%, #3C6431 50%, #B7BAB6 100%);
    background: -webkit-linear-gradient(top, #020F00 0%, #3C6431 50%, #B7BAB6 100%);
    background: linear-gradient(to bottom, #020F00 0%, #3C6431 50%, #B7BAB6 100%);
}
</style>