#008045 - #A0E37D | 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 #008045 to #A0E37D

#008045 #A0E37D

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

#008045 - #A0E37D | 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 #008045 as 0% and #A0E37D as 100%.

0.0%	0.0% #008045	RGB 0 128 69	#008045
16.7%	16.7% #1A904E	RGB 26 144 78	#1A904E
33.3%	33.3% #35A157	RGB 53 161 87	#35A157
50.0%	50.0% #50B161	RGB 80 177 97	#50B161
66.7%	66.7% #6AC26A	RGB 106 194 106	#6AC26A
83.3%	83.3% #85D273	RGB 133 210 115	#85D273
100.0%	100.0% #A0E37D	RGB 160 227 125	#A0E37D

#008045 #1A904E #35A157 #50B161 #6AC26A #85D273 #A0E37D

#008045 - #A0E37D

HSV Blend

#008045 - #A0E37D | 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 #008045 as 0% and #A0E37D as 100%.

0.0%	0.0% #008045	RGB 0 128 69	#008045
16.7%	16.7% #0D9040	RGB 13 144 64	#0D9040
33.3%	33.3% #1DA13D	RGB 29 161 61	#1DA13D
50.0%	50.0% #30B13D	RGB 48 177 61	#30B13D
66.7%	66.7% #4DC247	RGB 77 194 71	#4DC247
83.3%	83.3% #76D260	RGB 118 210 96	#76D260
100.0%	100.0% #A0E37D	RGB 160 227 125	#A0E37D

#008045 #0D9040 #1DA13D #30B13D #4DC247 #76D260 #A0E37D

#008045 - #30B13D - #A0E37D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #008045 0%, #30B13D 50%, #A0E37D 100%);
    background: -webkit-linear-gradient(top, #008045 0%, #30B13D 50%, #A0E37D 100%);
    background: linear-gradient(to bottom, #008045 0%, #30B13D 50%, #A0E37D 100%);
}
</style>