#142B05 - #546E35 | 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 #142B05 to #546E35

#142B05 #546E35

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

#142B05 - #546E35 | 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 #142B05 as 0% and #546E35 as 100%.

0.0%	0.0% #142B05	RGB 20 43 5	#142B05
16.7%	16.7% #1E360D	RGB 30 54 13	#1E360D
33.3%	33.3% #294115	RGB 41 65 21	#294115
50.0%	50.0% #344C1D	RGB 52 76 29	#344C1D
66.7%	66.7% #3E5725	RGB 62 87 37	#3E5725
83.3%	83.3% #49622D	RGB 73 98 45	#49622D
100.0%	100.0% #546E35	RGB 84 110 53	#546E35

#142B05 #1E360D #294115 #344C1D #3E5725 #49622D #546E35

#142B05 - #546E35

HSV Blend

#142B05 - #546E35 | 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 #142B05 as 0% and #546E35 as 100%.

0.0%	0.0% #142B05	RGB 20 43 5	#142B05
16.7%	16.7% #1C3609	RGB 28 54 9	#1C3609
33.3%	33.3% #25410F	RGB 37 65 15	#25410F
50.0%	50.0% #304C16	RGB 48 76 22	#304C16
66.7%	66.7% #3B571F	RGB 59 87 31	#3B571F
83.3%	83.3% #476229	RGB 71 98 41	#476229
100.0%	100.0% #546E35	RGB 84 110 53	#546E35

#142B05 #1C3609 #25410F #304C16 #3B571F #476229 #546E35

#142B05 - #304C16 - #546E35

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #142B05 0%, #304C16 50%, #546E35 100%);
    background: -webkit-linear-gradient(top, #142B05 0%, #304C16 50%, #546E35 100%);
    background: linear-gradient(to bottom, #142B05 0%, #304C16 50%, #546E35 100%);
}
</style>