#96AF3E - #495F0B | 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 #96AF3E to #495F0B

#96AF3E #495F0B

Calculate the color between two colors, #96AF3E and #495F0B. 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)

#96AF3E - #495F0B | 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 #96AF3E as 0% and #495F0B as 100%.

0.0%	0.0% #96AF3E	RGB 150 175 62	#96AF3E
16.7%	16.7% #89A135	RGB 137 161 53	#89A135
33.3%	33.3% #7C942D	RGB 124 148 45	#7C942D
50.0%	50.0% #6F8724	RGB 111 135 36	#6F8724
66.7%	66.7% #62791C	RGB 98 121 28	#62791C
83.3%	83.3% #556C13	RGB 85 108 19	#556C13
100.0%	100.0% #495F0B	RGB 73 95 11	#495F0B

#96AF3E #89A135 #7C942D #6F8724 #62791C #556C13 #495F0B

#96AF3E - #495F0B

HSV Blend

#96AF3E - #495F0B | 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 #96AF3E as 0% and #495F0B as 100%.

0.0%	0.0% #96AF3E	RGB 150 175 62	#96AF3E
16.7%	16.7% #88A132	RGB 136 161 50	#88A132
33.3%	33.3% #7B9428	RGB 123 148 40	#7B9428
50.0%	50.0% #6E871F	RGB 110 135 31	#6E871F
66.7%	66.7% #617917	RGB 97 121 23	#617917
83.3%	83.3% #546C10	RGB 84 108 16	#546C10
100.0%	100.0% #495F0B	RGB 73 95 11	#495F0B

#96AF3E #88A132 #7B9428 #6E871F #617917 #546C10 #495F0B

#96AF3E - #6E871F - #495F0B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #96AF3E 0%, #6E871F 50%, #495F0B 100%);
    background: -webkit-linear-gradient(top, #96AF3E 0%, #6E871F 50%, #495F0B 100%);
    background: linear-gradient(to bottom, #96AF3E 0%, #6E871F 50%, #495F0B 100%);
}
</style>