#0B280A - #B9C1B9 | 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 #0B280A to #B9C1B9

#0B280A #B9C1B9

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

#0B280A - #B9C1B9 | 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 #0B280A as 0% and #B9C1B9 as 100%.

0.0%	0.0% #0B280A	RGB 11 40 10	#0B280A
16.7%	16.7% #284127	RGB 40 65 39	#284127
33.3%	33.3% #455B44	RGB 69 91 68	#455B44
50.0%	50.0% #627461	RGB 98 116 97	#627461
66.7%	66.7% #7F8E7E	RGB 127 142 126	#7F8E7E
83.3%	83.3% #9CA79B	RGB 156 167 155	#9CA79B
100.0%	100.0% #B9C1B9	RGB 185 193 185	#B9C1B9

#0B280A #284127 #455B44 #627461 #7F8E7E #9CA79B #B9C1B9

#0B280A - #B9C1B9

HSV Blend

#0B280A - #B9C1B9 | 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 #0B280A as 0% and #B9C1B9 as 100%.

0.0%	0.0% #0B280A	RGB 11 40 10	#0B280A
16.7%	16.7% #194118	RGB 25 65 24	#194118
33.3%	33.3% #2D5B2C	RGB 45 91 44	#2D5B2C
50.0%	50.0% #477446	RGB 71 116 70	#477446
66.7%	66.7% #678E66	RGB 103 142 102	#678E66
83.3%	83.3% #8CA78C	RGB 140 167 140	#8CA78C
100.0%	100.0% #B9C1B9	RGB 185 193 185	#B9C1B9

#0B280A #194118 #2D5B2C #477446 #678E66 #8CA78C #B9C1B9

#0B280A - #477446 - #B9C1B9

CSS codes

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

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