#0E4D0D - #BACCB9 | 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 #0E4D0D to #BACCB9

#0E4D0D #BACCB9

Calculate the color between two colors, #0E4D0D and #BACCB9. 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)

#0E4D0D - #BACCB9 | 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 #0E4D0D as 0% and #BACCB9 as 100%.

0.0%	0.0% #0E4D0D	RGB 14 77 13	#0E4D0D
16.7%	16.7% #2A6229	RGB 42 98 41	#2A6229
33.3%	33.3% #477746	RGB 71 119 70	#477746
50.0%	50.0% #648C63	RGB 100 140 99	#648C63
66.7%	66.7% #80A17F	RGB 128 161 127	#80A17F
83.3%	83.3% #9DB69C	RGB 157 182 156	#9DB69C
100.0%	100.0% #BACCB9	RGB 186 204 185	#BACCB9

#0E4D0D #2A6229 #477746 #648C63 #80A17F #9DB69C #BACCB9

#0E4D0D - #BACCB9

HSV Blend

#0E4D0D - #BACCB9 | 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 #0E4D0D as 0% and #BACCB9 as 100%.

0.0%	0.0% #0E4D0D	RGB 14 77 13	#0E4D0D
16.7%	16.7% #1E621C	RGB 30 98 28	#1E621C
33.3%	33.3% #337731	RGB 51 119 49	#337731
50.0%	50.0% #4D8C4B	RGB 77 140 75	#4D8C4B
66.7%	66.7% #6DA16A	RGB 109 161 106	#6DA16A
83.3%	83.3% #91B68F	RGB 145 182 143	#91B68F
100.0%	100.0% #BACCB9	RGB 186 204 185	#BACCB9

#0E4D0D #1E621C #337731 #4D8C4B #6DA16A #91B68F #BACCB9

#0E4D0D - #4D8C4B - #BACCB9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0E4D0D 0%, #4D8C4B 50%, #BACCB9 100%);
    background: -webkit-linear-gradient(top, #0E4D0D 0%, #4D8C4B 50%, #BACCB9 100%);
    background: linear-gradient(to bottom, #0E4D0D 0%, #4D8C4B 50%, #BACCB9 100%);
}
</style>