#A1EDA1 - #38B233 | 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 #A1EDA1 to #38B233

#A1EDA1 #38B233

Calculate the color between two colors, #A1EDA1 and #38B233. 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)

#A1EDA1 - #38B233 | 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 #A1EDA1 as 0% and #38B233 as 100%.

0.0%	0.0% #A1EDA1	RGB 161 237 161	#A1EDA1
16.7%	16.7% #8FE38E	RGB 143 227 142	#8FE38E
33.3%	33.3% #7ED97C	RGB 126 217 124	#7ED97C
50.0%	50.0% #6CCF6A	RGB 108 207 106	#6CCF6A
66.7%	66.7% #5BC557	RGB 91 197 87	#5BC557
83.3%	83.3% #49BB45	RGB 73 187 69	#49BB45
100.0%	100.0% #38B233	RGB 56 178 51	#38B233

#A1EDA1 #8FE38E #7ED97C #6CCF6A #5BC557 #49BB45 #38B233

#A1EDA1 - #38B233

HSV Blend

#A1EDA1 - #38B233 | 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 #A1EDA1 as 0% and #38B233 as 100%.

0.0%	0.0% #A1EDA1	RGB 161 237 161	#A1EDA1
16.7%	16.7% #8CE38B	RGB 140 227 139	#8CE38B
33.3%	33.3% #78D977	RGB 120 217 119	#78D977
50.0%	50.0% #66CF64	RGB 102 207 100	#66CF64
66.7%	66.7% #55C552	RGB 85 197 82	#55C552
83.3%	83.3% #46BB42	RGB 70 187 66	#46BB42
100.0%	100.0% #38B233	RGB 56 178 51	#38B233

#A1EDA1 #8CE38B #78D977 #66CF64 #55C552 #46BB42 #38B233

#A1EDA1 - #66CF64 - #38B233

CSS codes

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

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