#0C5E3D - #B9D1C7 | 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 #0C5E3D to #B9D1C7

#0C5E3D #B9D1C7

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

#0C5E3D - #B9D1C7 | 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 #0C5E3D as 0% and #B9D1C7 as 100%.

0.0%	0.0% #0C5E3D	RGB 12 94 61	#0C5E3D
16.7%	16.7% #287154	RGB 40 113 84	#287154
33.3%	33.3% #45846B	RGB 69 132 107	#45846B
50.0%	50.0% #629782	RGB 98 151 130	#629782
66.7%	66.7% #7FAA99	RGB 127 170 153	#7FAA99
83.3%	83.3% #9CBDB0	RGB 156 189 176	#9CBDB0
100.0%	100.0% #B9D1C7	RGB 185 209 199	#B9D1C7

#0C5E3D #287154 #45846B #629782 #7FAA99 #9CBDB0 #B9D1C7

#0C5E3D - #B9D1C7

HSV Blend

#0C5E3D - #B9D1C7 | 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 #0C5E3D as 0% and #B9D1C7 as 100%.

0.0%	0.0% #0B5E3D	RGB 11 94 61	#0B5E3D
16.7%	16.7% #1C714E	RGB 28 113 78	#1C714E
33.3%	33.3% #328462	RGB 50 132 98	#328462
50.0%	50.0% #4C9778	RGB 76 151 120	#4C9778
66.7%	66.7% #6BAA90	RGB 107 170 144	#6BAA90
83.3%	83.3% #90BDAA	RGB 144 189 170	#90BDAA
100.0%	100.0% #B9D1C7	RGB 185 209 199	#B9D1C7

#0B5E3D #1C714E #328462 #4C9778 #6BAA90 #90BDAA #B9D1C7

#0C5E3D - #4C9778 - #B9D1C7

CSS codes

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

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