#134B05 - #051501 | 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 #134B05 to #051501

#134B05 #051501

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

#134B05 - #051501 | 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 #134B05 as 0% and #051501 as 100%.

0.0%	0.0% #134B05	RGB 19 75 5	#134B05
16.7%	16.7% #104204	RGB 16 66 4	#104204
33.3%	33.3% #0E3903	RGB 14 57 3	#0E3903
50.0%	50.0% #0C3003	RGB 12 48 3	#0C3003
66.7%	66.7% #092702	RGB 9 39 2	#092702
83.3%	83.3% #071E01	RGB 7 30 1	#071E01
100.0%	100.0% #051501	RGB 5 21 1	#051501

#134B05 #104204 #0E3903 #0C3003 #092702 #071E01 #051501

#134B05 - #051501

HSV Blend

#134B05 - #051501 | 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 #134B05 as 0% and #051501 as 100%.

0.0%	0.0% #124B04	RGB 18 75 4	#124B04
16.7%	16.7% #104204	RGB 16 66 4	#104204
33.3%	33.3% #0E3903	RGB 14 57 3	#0E3903
50.0%	50.0% #0B3002	RGB 11 48 2	#0B3002
66.7%	66.7% #092702	RGB 9 39 2	#092702
83.3%	83.3% #071E01	RGB 7 30 1	#071E01
100.0%	100.0% #051501	RGB 5 21 1	#051501

#124B04 #104204 #0E3903 #0B3002 #092702 #071E01 #051501

#134B05 - #0B3002 - #051501

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #124B04 0%, #0B3002 50%, #051501 100%);
    background: -webkit-linear-gradient(top, #124B04 0%, #0B3002 50%, #051501 100%);
    background: linear-gradient(to bottom, #124B04 0%, #0B3002 50%, #051501 100%);
}
</style>