#454C2D - #1E2D02 | 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 #454C2D to #1E2D02

#454C2D #1E2D02

Calculate the color between two colors, #454C2D and #1E2D02. 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)

#454C2D - #1E2D02 | 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 #454C2D as 0% and #1E2D02 as 100%.

0.0%	0.0% #454C2D	RGB 69 76 45	#454C2D
16.7%	16.7% #3E4625	RGB 62 70 37	#3E4625
33.3%	33.3% #38411E	RGB 56 65 30	#38411E
50.0%	50.0% #313C17	RGB 49 60 23	#313C17
66.7%	66.7% #2B3710	RGB 43 55 16	#2B3710
83.3%	83.3% #243209	RGB 36 50 9	#243209
100.0%	100.0% #1E2D02	RGB 30 45 2	#1E2D02

#454C2D #3E4625 #38411E #313C17 #2B3710 #243209 #1E2D02

#454C2D - #1E2D02

HSV Blend

#454C2D - #1E2D02 | 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 #454C2D as 0% and #1E2D02 as 100%.

0.0%	0.0% #454C2D	RGB 69 76 45	#454C2D
16.7%	16.7% #3E4623	RGB 62 70 35	#3E4623
33.3%	33.3% #37411A	RGB 55 65 26	#37411A
50.0%	50.0% #303C13	RGB 48 60 19	#303C13
66.7%	66.7% #2A370C	RGB 42 55 12	#2A370C
83.3%	83.3% #233206	RGB 35 50 6	#233206
100.0%	100.0% #1E2D02	RGB 30 45 2	#1E2D02

#454C2D #3E4623 #37411A #303C13 #2A370C #233206 #1E2D02

#454C2D - #303C13 - #1E2D02

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #454C2D 0%, #303C13 50%, #1E2D02 100%);
    background: -webkit-linear-gradient(top, #454C2D 0%, #303C13 50%, #1E2D02 100%);
    background: linear-gradient(to bottom, #454C2D 0%, #303C13 50%, #1E2D02 100%);
}
</style>