#0C4D3C - #B9CCC7 | 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 #0C4D3C to #B9CCC7

#0C4D3C #B9CCC7

Calculate the color between two colors, #0C4D3C and #B9CCC7. 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)

#0C4D3C - #B9CCC7 | 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 #0C4D3C as 0% and #B9CCC7 as 100%.

0.0%	0.0% #0C4D3C	RGB 12 77 60	#0C4D3C
16.7%	16.7% #286253	RGB 40 98 83	#286253
33.3%	33.3% #45776A	RGB 69 119 106	#45776A
50.0%	50.0% #628C81	RGB 98 140 129	#628C81
66.7%	66.7% #7FA198	RGB 127 161 152	#7FA198
83.3%	83.3% #9CB6AF	RGB 156 182 175	#9CB6AF
100.0%	100.0% #B9CCC7	RGB 185 204 199	#B9CCC7

#0C4D3C #286253 #45776A #628C81 #7FA198 #9CB6AF #B9CCC7

#0C4D3C - #B9CCC7

HSV Blend

#0C4D3C - #B9CCC7 | 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 #0C4D3C as 0% and #B9CCC7 as 100%.

0.0%	0.0% #0C4D3C	RGB 12 77 60	#0C4D3C
16.7%	16.7% #1B624F	RGB 27 98 79	#1B624F
33.3%	33.3% #307764	RGB 48 119 100	#307764
50.0%	50.0% #4A8C7B	RGB 74 140 123	#4A8C7B
66.7%	66.7% #6AA193	RGB 106 161 147	#6AA193
83.3%	83.3% #8EB6AC	RGB 142 182 172	#8EB6AC
100.0%	100.0% #B9CCC7	RGB 185 204 199	#B9CCC7

#0C4D3C #1B624F #307764 #4A8C7B #6AA193 #8EB6AC #B9CCC7

#0C4D3C - #4A8C7B - #B9CCC7

CSS codes

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

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