#201809 - #2B1B05 | 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 #201809 to #2B1B05

#201809 #2B1B05

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

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

0.0%	0.0% #201809	RGB 32 24 9	#201809
16.7%	16.7% #211808	RGB 33 24 8	#211808
33.3%	33.3% #231907	RGB 35 25 7	#231907
50.0%	50.0% #251907	RGB 37 25 7	#251907
66.7%	66.7% #271A06	RGB 39 26 6	#271A06
83.3%	83.3% #291A05	RGB 41 26 5	#291A05
100.0%	100.0% #2B1B05	RGB 43 27 5	#2B1B05

#201809 #211808 #231907 #251907 #271A06 #291A05 #2B1B05

#201809 - #2B1B05

HSV Blend

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

0.0%	0.0% #201809	RGB 32 24 9	#201809
16.7%	16.7% #211808	RGB 33 24 8	#211808
33.3%	33.3% #231908	RGB 35 25 8	#231908
50.0%	50.0% #251907	RGB 37 25 7	#251907
66.7%	66.7% #271A06	RGB 39 26 6	#271A06
83.3%	83.3% #291A05	RGB 41 26 5	#291A05
100.0%	100.0% #2B1B05	RGB 43 27 5	#2B1B05

#201809 #211808 #231908 #251907 #271A06 #291A05 #2B1B05

#201809 - #251907 - #2B1B05

CSS codes

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

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