#315500 - #AFAC5E | 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 #315500 to #AFAC5E

#315500 #AFAC5E

Calculate the color between two colors, #315500 and #AFAC5E. 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)

#315500 - #AFAC5E | 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 #315500 as 0% and #AFAC5E as 100%.

0.0%	0.0% #315500	RGB 49 85 0	#315500
16.7%	16.7% #46630F	RGB 70 99 15	#46630F
33.3%	33.3% #5B721F	RGB 91 114 31	#5B721F
50.0%	50.0% #70802F	RGB 112 128 47	#70802F
66.7%	66.7% #858F3E	RGB 133 143 62	#858F3E
83.3%	83.3% #9A9D4E	RGB 154 157 78	#9A9D4E
100.0%	100.0% #AFAC5E	RGB 175 172 94	#AFAC5E

#315500 #46630F #5B721F #70802F #858F3E #9A9D4E #AFAC5E

#315500 - #AFAC5E

HSV Blend

#315500 - #AFAC5E | 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 #315500 as 0% and #AFAC5E as 100%.

0.0%	0.0% #315500	RGB 49 85 0	#315500
16.7%	16.7% #446408	RGB 68 100 8	#446408
33.3%	33.3% #597314	RGB 89 115 20	#597314
50.0%	50.0% #6F8222	RGB 111 130 34	#6F8222
66.7%	66.7% #869133	RGB 134 145 51	#869133
83.3%	83.3% #9CA047	RGB 156 160 71	#9CA047
100.0%	100.0% #AFAC5E	RGB 175 172 94	#AFAC5E

#315500 #446408 #597314 #6F8222 #869133 #9CA047 #AFAC5E

#315500 - #6F8222 - #AFAC5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #315500 0%, #6F8222 50%, #AFAC5E 100%);
    background: -webkit-linear-gradient(top, #315500 0%, #6F8222 50%, #AFAC5E 100%);
    background: linear-gradient(to bottom, #315500 0%, #6F8222 50%, #AFAC5E 100%);
}
</style>