#6D2D3D - #201B05 | 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 #6D2D3D to #201B05

#6D2D3D #201B05

Calculate the color between two colors, #6D2D3D and #201B05. 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)

#6D2D3D - #201B05 | 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 #6D2D3D as 0% and #201B05 as 100%.

0.0%	0.0% #6D2D3D	RGB 109 45 61	#6D2D3D
16.7%	16.7% #602A33	RGB 96 42 51	#602A33
33.3%	33.3% #53272A	RGB 83 39 42	#53272A
50.0%	50.0% #462421	RGB 70 36 33	#462421
66.7%	66.7% #392117	RGB 57 33 23	#392117
83.3%	83.3% #2C1E0E	RGB 44 30 14	#2C1E0E
100.0%	100.0% #201B05	RGB 32 27 5	#201B05

#6D2D3D #602A33 #53272A #462421 #392117 #2C1E0E #201B05

#6D2D3D - #201B05

HSV Blend

#6D2D3D - #201B05 | 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 #6D2D3D as 0% and #201B05 as 100%.

0.0%	0.0% #6D2D3D	RGB 109 45 61	#6D2D3D
16.7%	16.7% #602327	RGB 96 35 39	#602327
33.3%	33.3% #53211B	RGB 83 33 27	#53211B
50.0%	50.0% #462214	RGB 70 34 20	#462214
66.7%	66.7% #39220D	RGB 57 34 13	#39220D
83.3%	83.3% #2C1F08	RGB 44 31 8	#2C1F08
100.0%	100.0% #201B05	RGB 32 27 5	#201B05

#6D2D3D #602327 #53211B #462214 #39220D #2C1F08 #201B05

#6D2D3D - #462214 - #201B05

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6D2D3D 0%, #462214 50%, #201B05 100%);
    background: -webkit-linear-gradient(top, #6D2D3D 0%, #462214 50%, #201B05 100%);
    background: linear-gradient(to bottom, #6D2D3D 0%, #462214 50%, #201B05 100%);
}
</style>