#311F1C - #360D01 | 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 #311F1C to #360D01

#311F1C #360D01

Calculate the color between two colors, #311F1C and #360D01. 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)

#311F1C - #360D01 | 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 #311F1C as 0% and #360D01 as 100%.

0.0%	0.0% #311F1C	RGB 49 31 28	#311F1C
16.7%	16.7% #311C17	RGB 49 28 23	#311C17
33.3%	33.3% #321913	RGB 50 25 19	#321913
50.0%	50.0% #33160E	RGB 51 22 14	#33160E
66.7%	66.7% #34130A	RGB 52 19 10	#34130A
83.3%	83.3% #351005	RGB 53 16 5	#351005
100.0%	100.0% #360D01	RGB 54 13 1	#360D01

#311F1C #311C17 #321913 #33160E #34130A #351005 #360D01

#311F1C - #360D01

HSV Blend

#311F1C - #360D01 | 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 #311F1C as 0% and #360D01 as 100%.

0.0%	0.0% #311F1C	RGB 49 31 28	#311F1C
16.7%	16.7% #311B17	RGB 49 27 23	#311B17
33.3%	33.3% #321813	RGB 50 24 19	#321813
50.0%	50.0% #33150F	RGB 51 21 15	#33150F
66.7%	66.7% #34120A	RGB 52 18 10	#34120A
83.3%	83.3% #350F05	RGB 53 15 5	#350F05
100.0%	100.0% #360D01	RGB 54 13 1	#360D01

#311F1C #311B17 #321813 #33150F #34120A #350F05 #360D01

#311F1C - #33150F - #360D01

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #311F1C 0%, #33150F 50%, #360D01 100%);
    background: -webkit-linear-gradient(top, #311F1C 0%, #33150F 50%, #360D01 100%);
    background: linear-gradient(to bottom, #311F1C 0%, #33150F 50%, #360D01 100%);
}
</style>