#1C7D5E - #08231A | 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 #1C7D5E to #08231A

#1C7D5E #08231A

Calculate the color between two colors, #1C7D5E and #08231A. 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)

#1C7D5E - #08231A | 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 #1C7D5E as 0% and #08231A as 100%.

0.0%	0.0% #1C7D5E	RGB 28 125 94	#1C7D5E
16.7%	16.7% #186E52	RGB 24 110 82	#186E52
33.3%	33.3% #155F47	RGB 21 95 71	#155F47
50.0%	50.0% #12503C	RGB 18 80 60	#12503C
66.7%	66.7% #0E4130	RGB 14 65 48	#0E4130
83.3%	83.3% #0B3225	RGB 11 50 37	#0B3225
100.0%	100.0% #08231A	RGB 8 35 26	#08231A

#1C7D5E #186E52 #155F47 #12503C #0E4130 #0B3225 #08231A

#1C7D5E - #08231A

HSV Blend

#1C7D5E - #08231A | 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 #1C7D5E as 0% and #08231A as 100%.

0.0%	0.0% #1B7D5D	RGB 27 125 93	#1B7D5D
16.7%	16.7% #186E52	RGB 24 110 82	#186E52
33.3%	33.3% #155F47	RGB 21 95 71	#155F47
50.0%	50.0% #12503B	RGB 18 80 59	#12503B
66.7%	66.7% #0E4130	RGB 14 65 48	#0E4130
83.3%	83.3% #0B3225	RGB 11 50 37	#0B3225
100.0%	100.0% #08231A	RGB 8 35 26	#08231A

#1B7D5D #186E52 #155F47 #12503B #0E4130 #0B3225 #08231A

#1C7D5E - #12503B - #08231A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1B7D5D 0%, #12503B 50%, #08231A 100%);
    background: -webkit-linear-gradient(top, #1B7D5D 0%, #12503B 50%, #08231A 100%);
    background: linear-gradient(to bottom, #1B7D5D 0%, #12503B 50%, #08231A 100%);
}
</style>