#5D5E13 - #272F06 | 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 #5D5E13 to #272F06

#5D5E13 #272F06

Calculate the color between two colors, #5D5E13 and #272F06. 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)

#5D5E13 - #272F06 | 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 #5D5E13 as 0% and #272F06 as 100%.

0.0%	0.0% #5D5E13	RGB 93 94 19	#5D5E13
16.7%	16.7% #545610	RGB 84 86 16	#545610
33.3%	33.3% #4B4E0E	RGB 75 78 14	#4B4E0E
50.0%	50.0% #42460C	RGB 66 70 12	#42460C
66.7%	66.7% #393E0A	RGB 57 62 10	#393E0A
83.3%	83.3% #303608	RGB 48 54 8	#303608
100.0%	100.0% #272F06	RGB 39 47 6	#272F06

#5D5E13 #545610 #4B4E0E #42460C #393E0A #303608 #272F06

#5D5E13 - #272F06

HSV Blend

#5D5E13 - #272F06 | 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 #5D5E13 as 0% and #272F06 as 100%.

0.0%	0.0% #5D5E12	RGB 93 94 18	#5D5E12
16.7%	16.7% #535610	RGB 83 86 16	#535610
33.3%	33.3% #494E0D	RGB 73 78 13	#494E0D
50.0%	50.0% #40460B	RGB 64 70 11	#40460B
66.7%	66.7% #373E09	RGB 55 62 9	#373E09
83.3%	83.3% #2F3607	RGB 47 54 7	#2F3607
100.0%	100.0% #272F06	RGB 39 47 6	#272F06

#5D5E12 #535610 #494E0D #40460B #373E09 #2F3607 #272F06

#5D5E13 - #40460B - #272F06

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D5E12 0%, #40460B 50%, #272F06 100%);
    background: -webkit-linear-gradient(top, #5D5E12 0%, #40460B 50%, #272F06 100%);
    background: linear-gradient(to bottom, #5D5E12 0%, #40460B 50%, #272F06 100%);
}
</style>