#00251C - #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 #00251C to #B6C0BE

#00251C #B6C0BE

Calculate the color between two colors, #00251C 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)

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

0.0%	0.0% #00251C	RGB 0 37 28	#00251C
16.7%	16.7% #1E3E37	RGB 30 62 55	#1E3E37
33.3%	33.3% #3C5852	RGB 60 88 82	#3C5852
50.0%	50.0% #5B726D	RGB 91 114 109	#5B726D
66.7%	66.7% #798C88	RGB 121 140 136	#798C88
83.3%	83.3% #97A6A3	RGB 151 166 163	#97A6A3
100.0%	100.0% #B6C0BE	RGB 182 192 190	#B6C0BE

#00251C #1E3E37 #3C5852 #5B726D #798C88 #97A6A3 #B6C0BE

#00251C - #B6C0BE

HSV Blend

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

0.0%	0.0% #00251C	RGB 0 37 28	#00251C
16.7%	16.7% #093E32	RGB 9 62 50	#093E32
33.3%	33.3% #1C584A	RGB 28 88 74	#1C584A
50.0%	50.0% #367265	RGB 54 114 101	#367265
66.7%	66.7% #588C81	RGB 88 140 129	#588C81
83.3%	83.3% #83A69E	RGB 131 166 158	#83A69E
100.0%	100.0% #B6C0BE	RGB 182 192 190	#B6C0BE

#00251C #093E32 #1C584A #367265 #588C81 #83A69E #B6C0BE

#00251C - #367265 - #B6C0BE

CSS codes

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

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