#10391B - #48824C | 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 #10391B to #48824C

#10391B #48824C

Calculate the color between two colors, #10391B and #48824C. 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)

#10391B - #48824C | 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 #10391B as 0% and #48824C as 100%.

0.0%	0.0% #10391B	RGB 16 57 27	#10391B
16.7%	16.7% #194523	RGB 25 69 35	#194523
33.3%	33.3% #22512B	RGB 34 81 43	#22512B
50.0%	50.0% #2C5D33	RGB 44 93 51	#2C5D33
66.7%	66.7% #35693B	RGB 53 105 59	#35693B
83.3%	83.3% #3E7543	RGB 62 117 67	#3E7543
100.0%	100.0% #48824C	RGB 72 130 76	#48824C

#10391B #194523 #22512B #2C5D33 #35693B #3E7543 #48824C

#10391B - #48824C

HSV Blend

#10391B - #48824C | 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 #10391B as 0% and #48824C as 100%.

0.0%	0.0% #10391B	RGB 16 57 27	#10391B
16.7%	16.7% #164521	RGB 22 69 33	#164521
33.3%	33.3% #1E5128	RGB 30 81 40	#1E5128
50.0%	50.0% #275D30	RGB 39 93 48	#275D30
66.7%	66.7% #306938	RGB 48 105 56	#306938
83.3%	83.3% #3B7541	RGB 59 117 65	#3B7541
100.0%	100.0% #48824C	RGB 72 130 76	#48824C

#10391B #164521 #1E5128 #275D30 #306938 #3B7541 #48824C

#10391B - #275D30 - #48824C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #10391B 0%, #275D30 50%, #48824C 100%);
    background: -webkit-linear-gradient(top, #10391B 0%, #275D30 50%, #48824C 100%);
    background: linear-gradient(to bottom, #10391B 0%, #275D30 50%, #48824C 100%);
}
</style>