#1B5500 - #9DAF5E | 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 #1B5500 to #9DAF5E

#1B5500 #9DAF5E

Calculate the color between two colors, #1B5500 and #9DAF5E. 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)

#1B5500 - #9DAF5E | 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 #1B5500 as 0% and #9DAF5E as 100%.

0.0%	0.0% #1B5500	RGB 27 85 0	#1B5500
16.7%	16.7% #30640F	RGB 48 100 15	#30640F
33.3%	33.3% #46731F	RGB 70 115 31	#46731F
50.0%	50.0% #5C822F	RGB 92 130 47	#5C822F
66.7%	66.7% #71913E	RGB 113 145 62	#71913E
83.3%	83.3% #87A04E	RGB 135 160 78	#87A04E
100.0%	100.0% #9DAF5E	RGB 157 175 94	#9DAF5E

#1B5500 #30640F #46731F #5C822F #71913E #87A04E #9DAF5E

#1B5500 - #9DAF5E

HSV Blend

#1B5500 - #9DAF5E | 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 #1B5500 as 0% and #9DAF5E as 100%.

0.0%	0.0% #1B5500	RGB 27 85 0	#1B5500
16.7%	16.7% #2C6408	RGB 44 100 8	#2C6408
33.3%	33.3% #417314	RGB 65 115 20	#417314
50.0%	50.0% #568222	RGB 86 130 34	#568222
66.7%	66.7% #6E9133	RGB 110 145 51	#6E9133
83.3%	83.3% #85A047	RGB 133 160 71	#85A047
100.0%	100.0% #9DAF5E	RGB 157 175 94	#9DAF5E

#1B5500 #2C6408 #417314 #568222 #6E9133 #85A047 #9DAF5E

#1B5500 - #568222 - #9DAF5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1B5500 0%, #568222 50%, #9DAF5E 100%);
    background: -webkit-linear-gradient(top, #1B5500 0%, #568222 50%, #9DAF5E 100%);
    background: linear-gradient(to bottom, #1B5500 0%, #568222 50%, #9DAF5E 100%);
}
</style>