#0B2F24 - #B9C3C0 | 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 #0B2F24 to #B9C3C0

#0B2F24 #B9C3C0

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

#0B2F24 - #B9C3C0 | 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 #0B2F24 as 0% and #B9C3C0 as 100%.

0.0%	0.0% #0B2F24	RGB 11 47 36	#0B2F24
16.7%	16.7% #28473E	RGB 40 71 62	#28473E
33.3%	33.3% #456058	RGB 69 96 88	#456058
50.0%	50.0% #627972	RGB 98 121 114	#627972
66.7%	66.7% #7F918C	RGB 127 145 140	#7F918C
83.3%	83.3% #9CAAA6	RGB 156 170 166	#9CAAA6
100.0%	100.0% #B9C3C0	RGB 185 195 192	#B9C3C0

#0B2F24 #28473E #456058 #627972 #7F918C #9CAAA6 #B9C3C0

#0B2F24 - #B9C3C0

HSV Blend

#0B2F24 - #B9C3C0 | 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 #0B2F24 as 0% and #B9C3C0 as 100%.

0.0%	0.0% #0A2F24	RGB 10 47 36	#0A2F24
16.7%	16.7% #194739	RGB 25 71 57	#194739
33.3%	33.3% #2D6050	RGB 45 96 80	#2D6050
50.0%	50.0% #47796A	RGB 71 121 106	#47796A
66.7%	66.7% #679184	RGB 103 145 132	#679184
83.3%	83.3% #8DAAA1	RGB 141 170 161	#8DAAA1
100.0%	100.0% #B9C3C0	RGB 185 195 192	#B9C3C0

#0A2F24 #194739 #2D6050 #47796A #679184 #8DAAA1 #B9C3C0

#0B2F24 - #47796A - #B9C3C0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0A2F24 0%, #47796A 50%, #B9C3C0 100%);
    background: -webkit-linear-gradient(top, #0A2F24 0%, #47796A 50%, #B9C3C0 100%);
    background: linear-gradient(to bottom, #0A2F24 0%, #47796A 50%, #B9C3C0 100%);
}
</style>