#15511D - #061708 | 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 #15511D to #061708

#15511D #061708

Calculate the color between two colors, #15511D and #061708. 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)

#15511D - #061708 | 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 #15511D as 0% and #061708 as 100%.

0.0%	0.0% #15511D	RGB 21 81 29	#15511D
16.7%	16.7% #124719	RGB 18 71 25	#124719
33.3%	33.3% #103D16	RGB 16 61 22	#103D16
50.0%	50.0% #0D3412	RGB 13 52 18	#0D3412
66.7%	66.7% #0B2A0F	RGB 11 42 15	#0B2A0F
83.3%	83.3% #08200B	RGB 8 32 11	#08200B
100.0%	100.0% #061708	RGB 6 23 8	#061708

#15511D #124719 #103D16 #0D3412 #0B2A0F #08200B #061708

#15511D - #061708

HSV Blend

#15511D - #061708 | 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 #15511D as 0% and #061708 as 100%.

0.0%	0.0% #15511D	RGB 21 81 29	#15511D
16.7%	16.7% #124719	RGB 18 71 25	#124719
33.3%	33.3% #103D15	RGB 16 61 21	#103D15
50.0%	50.0% #0D3412	RGB 13 52 18	#0D3412
66.7%	66.7% #0B2A0E	RGB 11 42 14	#0B2A0E
83.3%	83.3% #08200B	RGB 8 32 11	#08200B
100.0%	100.0% #061708	RGB 6 23 8	#061708

#15511D #124719 #103D15 #0D3412 #0B2A0E #08200B #061708

#15511D - #0D3412 - #061708

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #15511D 0%, #0D3412 50%, #061708 100%);
    background: -webkit-linear-gradient(top, #15511D 0%, #0D3412 50%, #061708 100%);
    background: linear-gradient(to bottom, #15511D 0%, #0D3412 50%, #061708 100%);
}
</style>