#ACFF75 - #314821 | 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 #ACFF75 to #314821

#ACFF75 #314821

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

#ACFF75 - #314821 | 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 #ACFF75 as 0% and #314821 as 100%.

0.0%	0.0% #ACFF75	RGB 172 255 117	#ACFF75
16.7%	16.7% #97E067	RGB 151 224 103	#97E067
33.3%	33.3% #83C259	RGB 131 194 89	#83C259
50.0%	50.0% #6EA34B	RGB 110 163 75	#6EA34B
66.7%	66.7% #5A843D	RGB 90 132 61	#5A843D
83.3%	83.3% #45662F	RGB 69 102 47	#45662F
100.0%	100.0% #314821	RGB 49 72 33	#314821

#ACFF75 #97E067 #83C259 #6EA34B #5A843D #45662F #314821

#ACFF75 - #314821

HSV Blend

#ACFF75 - #314821 | 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 #ACFF75 as 0% and #314821 as 100%.

0.0%	0.0% #ACFF75	RGB 172 255 117	#ACFF75
16.7%	16.7% #97E066	RGB 151 224 102	#97E066
33.3%	33.3% #83C258	RGB 131 194 88	#83C258
50.0%	50.0% #6EA34A	RGB 110 163 74	#6EA34A
66.7%	66.7% #5A843C	RGB 90 132 60	#5A843C
83.3%	83.3% #45662E	RGB 69 102 46	#45662E
100.0%	100.0% #314821	RGB 49 72 33	#314821

#ACFF75 #97E066 #83C258 #6EA34A #5A843C #45662E #314821

#ACFF75 - #6EA34A - #314821

CSS codes

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

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