#A8FF4B - #304815 | 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 #A8FF4B to #304815

#A8FF4B #304815

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

#A8FF4B - #304815 | 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 #A8FF4B as 0% and #304815 as 100%.

0.0%	0.0% #A8FF4B	RGB 168 255 75	#A8FF4B
16.7%	16.7% #94E042	RGB 148 224 66	#94E042
33.3%	33.3% #80C239	RGB 128 194 57	#80C239
50.0%	50.0% #6CA330	RGB 108 163 48	#6CA330
66.7%	66.7% #588427	RGB 88 132 39	#588427
83.3%	83.3% #44661E	RGB 68 102 30	#44661E
100.0%	100.0% #304815	RGB 48 72 21	#304815

#A8FF4B #94E042 #80C239 #6CA330 #588427 #44661E #304815

#A8FF4B - #304815

HSV Blend

#A8FF4B - #304815 | 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 #A8FF4B as 0% and #304815 as 100%.

0.0%	0.0% #A8FF4B	RGB 168 255 75	#A8FF4B
16.7%	16.7% #94E041	RGB 148 224 65	#94E041
33.3%	33.3% #80C238	RGB 128 194 56	#80C238
50.0%	50.0% #6CA32F	RGB 108 163 47	#6CA32F
66.7%	66.7% #588426	RGB 88 132 38	#588426
83.3%	83.3% #44661D	RGB 68 102 29	#44661D
100.0%	100.0% #304815	RGB 48 72 21	#304815

#A8FF4B #94E041 #80C238 #6CA32F #588426 #44661D #304815

#A8FF4B - #6CA32F - #304815

CSS codes

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

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