#100C0B - #2D0503 | 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 #100C0B to #2D0503

#100C0B #2D0503

Calculate the color between two colors, #100C0B and #2D0503. 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)

#100C0B - #2D0503 | 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 #100C0B as 0% and #2D0503 as 100%.

0.0%	0.0% #100C0B	RGB 16 12 11	#100C0B
16.7%	16.7% #140A09	RGB 20 10 9	#140A09
33.3%	33.3% #190908	RGB 25 9 8	#190908
50.0%	50.0% #1E0807	RGB 30 8 7	#1E0807
66.7%	66.7% #230705	RGB 35 7 5	#230705
83.3%	83.3% #280604	RGB 40 6 4	#280604
100.0%	100.0% #2D0503	RGB 45 5 3	#2D0503

#100C0B #140A09 #190908 #1E0807 #230705 #280604 #2D0503

#100C0B - #2D0503

HSV Blend

#100C0B - #2D0503 | 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 #100C0B as 0% and #2D0503 as 100%.

0.0%	0.0% #100C0B	RGB 16 12 11	#100C0B
16.7%	16.7% #140D0C	RGB 20 13 12	#140D0C
33.3%	33.3% #190E0C	RGB 25 14 12	#190E0C
50.0%	50.0% #1E0D0B	RGB 30 13 11	#1E0D0B
66.7%	66.7% #230C09	RGB 35 12 9	#230C09
83.3%	83.3% #280906	RGB 40 9 6	#280906
100.0%	100.0% #2D0503	RGB 45 5 3	#2D0503

#100C0B #140D0C #190E0C #1E0D0B #230C09 #280906 #2D0503

#100C0B - #1E0D0B - #2D0503

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #100C0B 0%, #1E0D0B 50%, #2D0503 100%);
    background: -webkit-linear-gradient(top, #100C0B 0%, #1E0D0B 50%, #2D0503 100%);
    background: linear-gradient(to bottom, #100C0B 0%, #1E0D0B 50%, #2D0503 100%);
}
</style>