#00241B - #B6C0BE | 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 #00241B to #B6C0BE

#00241B #B6C0BE

Calculate the color between two colors, #00241B and #B6C0BE. 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)

#00241B - #B6C0BE | 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 #00241B as 0% and #B6C0BE as 100%.

0.0%	0.0% #00241B	RGB 0 36 27	#00241B
16.7%	16.7% #1E3E36	RGB 30 62 54	#1E3E36
33.3%	33.3% #3C5851	RGB 60 88 81	#3C5851
50.0%	50.0% #5B726C	RGB 91 114 108	#5B726C
66.7%	66.7% #798C87	RGB 121 140 135	#798C87
83.3%	83.3% #97A6A2	RGB 151 166 162	#97A6A2
100.0%	100.0% #B6C0BE	RGB 182 192 190	#B6C0BE

#00241B #1E3E36 #3C5851 #5B726C #798C87 #97A6A2 #B6C0BE

#00241B - #B6C0BE

HSV Blend

#00241B - #B6C0BE | 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 #00241B as 0% and #B6C0BE as 100%.

0.0%	0.0% #00241B	RGB 0 36 27	#00241B
16.7%	16.7% #093E31	RGB 9 62 49	#093E31
33.3%	33.3% #1B5849	RGB 27 88 73	#1B5849
50.0%	50.0% #367264	RGB 54 114 100	#367264
66.7%	66.7% #588C80	RGB 88 140 128	#588C80
83.3%	83.3% #83A69E	RGB 131 166 158	#83A69E
100.0%	100.0% #B6C0BE	RGB 182 192 190	#B6C0BE

#00241B #093E31 #1B5849 #367264 #588C80 #83A69E #B6C0BE

#00241B - #367264 - #B6C0BE

CSS codes

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

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