#200B0B - #2E0405 | 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 #200B0B to #2E0405

#200B0B #2E0405

Calculate the color between two colors, #200B0B and #2E0405. 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)

#200B0B - #2E0405 | 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 #200B0B as 0% and #2E0405 as 100%.

0.0%	0.0% #200B0B	RGB 32 11 11	#200B0B
16.7%	16.7% #22090A	RGB 34 9 10	#22090A
33.3%	33.3% #240809	RGB 36 8 9	#240809
50.0%	50.0% #270708	RGB 39 7 8	#270708
66.7%	66.7% #290607	RGB 41 6 7	#290607
83.3%	83.3% #2B0506	RGB 43 5 6	#2B0506
100.0%	100.0% #2E0405	RGB 46 4 5	#2E0405

#200B0B #22090A #240809 #270708 #290607 #2B0506 #2E0405

#200B0B - #2E0405

HSV Blend

#200B0B - #2E0405 | 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 #200B0B as 0% and #2E0405 as 100%.

0.0%	0.0% #200B0B	RGB 32 11 11	#200B0B
16.7%	16.7% #220A0A	RGB 34 10 10	#220A0A
33.3%	33.3% #240909	RGB 36 9 9	#240909
50.0%	50.0% #270808	RGB 39 8 8	#270808
66.7%	66.7% #290707	RGB 41 7 7	#290707
83.3%	83.3% #2B0506	RGB 43 5 6	#2B0506
100.0%	100.0% #2E0405	RGB 46 4 5	#2E0405

#200B0B #220A0A #240909 #270808 #290707 #2B0506 #2E0405

#200B0B - #270808 - #2E0405

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #200B0B 0%, #270808 50%, #2E0405 100%);
    background: -webkit-linear-gradient(top, #200B0B 0%, #270808 50%, #2E0405 100%);
    background: linear-gradient(to bottom, #200B0B 0%, #270808 50%, #2E0405 100%);
}
</style>