#18AD5E - #016B33 | 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 #18AD5E to #016B33

#18AD5E #016B33

Calculate the color between two colors, #18AD5E and #016B33. 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)

#18AD5E - #016B33 | 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 #18AD5E as 0% and #016B33 as 100%.

0.0%	0.0% #18AD5E	RGB 24 173 94	#18AD5E
16.7%	16.7% #14A256	RGB 20 162 86	#14A256
33.3%	33.3% #10974F	RGB 16 151 79	#10974F
50.0%	50.0% #0C8C48	RGB 12 140 72	#0C8C48
66.7%	66.7% #088141	RGB 8 129 65	#088141
83.3%	83.3% #04763A	RGB 4 118 58	#04763A
100.0%	100.0% #016B33	RGB 1 107 51	#016B33

#18AD5E #14A256 #10974F #0C8C48 #088141 #04763A #016B33

#18AD5E - #016B33

HSV Blend

#18AD5E - #016B33 | 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 #18AD5E as 0% and #016B33 as 100%.

0.0%	0.0% #18AD5D	RGB 24 173 93	#18AD5D
16.7%	16.7% #12A256	RGB 18 162 86	#12A256
33.3%	33.3% #0E974E	RGB 14 151 78	#0E974E
50.0%	50.0% #0A8C47	RGB 10 140 71	#0A8C47
66.7%	66.7% #068140	RGB 6 129 64	#068140
83.3%	83.3% #037639	RGB 3 118 57	#037639
100.0%	100.0% #016B33	RGB 1 107 51	#016B33

#18AD5D #12A256 #0E974E #0A8C47 #068140 #037639 #016B33

#18AD5E - #0A8C47 - #016B33

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #18AD5D 0%, #0A8C47 50%, #016B33 100%);
    background: -webkit-linear-gradient(top, #18AD5D 0%, #0A8C47 50%, #016B33 100%);
    background: linear-gradient(to bottom, #18AD5D 0%, #0A8C47 50%, #016B33 100%);
}
</style>