#008034 - #AFDF8F | 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 #008034 to #AFDF8F

#008034 #AFDF8F

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

#008034 - #AFDF8F | 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 #008034 as 0% and #AFDF8F as 100%.

0.0%	0.0% #008034	RGB 0 128 52	#008034
16.7%	16.7% #1D8F43	RGB 29 143 67	#1D8F43
33.3%	33.3% #3A9F52	RGB 58 159 82	#3A9F52
50.0%	50.0% #57AF61	RGB 87 175 97	#57AF61
66.7%	66.7% #74BF70	RGB 116 191 112	#74BF70
83.3%	83.3% #91CF7F	RGB 145 207 127	#91CF7F
100.0%	100.0% #AFDF8F	RGB 175 223 143	#AFDF8F

#008034 #1D8F43 #3A9F52 #57AF61 #74BF70 #91CF7F #AFDF8F

#008034 - #AFDF8F

HSV Blend

#008034 - #AFDF8F | 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 #008034 as 0% and #AFDF8F as 100%.

0.0%	0.0% #008033	RGB 0 128 51	#008033
16.7%	16.7% #0F8F32	RGB 15 143 50	#0F8F32
33.3%	33.3% #229F33	RGB 34 159 51	#229F33
50.0%	50.0% #38AF38	RGB 56 175 56	#38AF38
66.7%	66.7% #60BF51	RGB 96 191 81	#60BF51
83.3%	83.3% #88CF6E	RGB 136 207 110	#88CF6E
100.0%	100.0% #AFDF8F	RGB 175 223 143	#AFDF8F

#008033 #0F8F32 #229F33 #38AF38 #60BF51 #88CF6E #AFDF8F

#008034 - #38AF38 - #AFDF8F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #008033 0%, #38AF38 50%, #AFDF8F 100%);
    background: -webkit-linear-gradient(top, #008033 0%, #38AF38 50%, #AFDF8F 100%);
    background: linear-gradient(to bottom, #008033 0%, #38AF38 50%, #AFDF8F 100%);
}
</style>