#358F3A - #085E19 | 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 #358F3A to #085E19

#358F3A #085E19

Calculate the color between two colors, #358F3A and #085E19. 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)

#358F3A - #085E19 | 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 #358F3A as 0% and #085E19 as 100%.

0.0%	0.0% #358F3A	RGB 53 143 58	#358F3A
16.7%	16.7% #2D8634	RGB 45 134 52	#2D8634
33.3%	33.3% #267E2F	RGB 38 126 47	#267E2F
50.0%	50.0% #1E7629	RGB 30 118 41	#1E7629
66.7%	66.7% #176E24	RGB 23 110 36	#176E24
83.3%	83.3% #0F661E	RGB 15 102 30	#0F661E
100.0%	100.0% #085E19	RGB 8 94 25	#085E19

#358F3A #2D8634 #267E2F #1E7629 #176E24 #0F661E #085E19

#358F3A - #085E19

HSV Blend

#358F3A - #085E19 | 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 #358F3A as 0% and #085E19 as 100%.

0.0%	0.0% #358F3A	RGB 53 143 58	#358F3A
16.7%	16.7% #2B8632	RGB 43 134 50	#2B8632
33.3%	33.3% #227E2C	RGB 34 126 44	#227E2C
50.0%	50.0% #1B7626	RGB 27 118 38	#1B7626
66.7%	66.7% #136E21	RGB 19 110 33	#136E21
83.3%	83.3% #0D661C	RGB 13 102 28	#0D661C
100.0%	100.0% #085E19	RGB 8 94 25	#085E19

#358F3A #2B8632 #227E2C #1B7626 #136E21 #0D661C #085E19

#358F3A - #1B7626 - #085E19

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #358F3A 0%, #1B7626 50%, #085E19 100%);
    background: -webkit-linear-gradient(top, #358F3A 0%, #1B7626 50%, #085E19 100%);
    background: linear-gradient(to bottom, #358F3A 0%, #1B7626 50%, #085E19 100%);
}
</style>