#072F07 - #B8C3B8 | 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 #072F07 to #B8C3B8

#072F07 #B8C3B8

Calculate the color between two colors, #072F07 and #B8C3B8. 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)

#072F07 - #B8C3B8 | 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 #072F07 as 0% and #B8C3B8 as 100%.

0.0%	0.0% #072F07	RGB 7 47 7	#072F07
16.7%	16.7% #244724	RGB 36 71 36	#244724
33.3%	33.3% #426042	RGB 66 96 66	#426042
50.0%	50.0% #5F795F	RGB 95 121 95	#5F795F
66.7%	66.7% #7D917D	RGB 125 145 125	#7D917D
83.3%	83.3% #9AAA9A	RGB 154 170 154	#9AAA9A
100.0%	100.0% #B8C3B8	RGB 184 195 184	#B8C3B8

#072F07 #244724 #426042 #5F795F #7D917D #9AAA9A #B8C3B8

#072F07 - #B8C3B8

HSV Blend

#072F07 - #B8C3B8 | 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 #072F07 as 0% and #B8C3B8 as 100%.

0.0%	0.0% #062F07	RGB 6 47 7	#062F07
16.7%	16.7% #144714	RGB 20 71 20	#144714
33.3%	33.3% #276027	RGB 39 96 39	#276027
50.0%	50.0% #427942	RGB 66 121 66	#427942
66.7%	66.7% #629162	RGB 98 145 98	#629162
83.3%	83.3% #8AAA8A	RGB 138 170 138	#8AAA8A
100.0%	100.0% #B8C3B8	RGB 184 195 184	#B8C3B8

#062F07 #144714 #276027 #427942 #629162 #8AAA8A #B8C3B8

#072F07 - #427942 - #B8C3B8

CSS codes

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

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