#3A8F7E - #8EDA74 | 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 #3A8F7E to #8EDA74

#3A8F7E #8EDA74

Calculate the color between two colors, #3A8F7E and #8EDA74. 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)

#3A8F7E - #8EDA74 | 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 #3A8F7E as 0% and #8EDA74 as 100%.

0.0%	0.0% #3A8F7E	RGB 58 143 126	#3A8F7E
16.7%	16.7% #489B7C	RGB 72 155 124	#489B7C
33.3%	33.3% #56A87A	RGB 86 168 122	#56A87A
50.0%	50.0% #64B479	RGB 100 180 121	#64B479
66.7%	66.7% #72C177	RGB 114 193 119	#72C177
83.3%	83.3% #80CD75	RGB 128 205 117	#80CD75
100.0%	100.0% #8EDA74	RGB 142 218 116	#8EDA74

#3A8F7E #489B7C #56A87A #64B479 #72C177 #80CD75 #8EDA74

#3A8F7E - #8EDA74

HSV Blend

#3A8F7E - #8EDA74 | 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 #3A8F7E as 0% and #8EDA74 as 100%.

0.0%	0.0% #3A8F7E	RGB 58 143 126	#3A8F7E
16.7%	16.7% #429B79	RGB 66 155 121	#429B79
33.3%	33.3% #4BA874	RGB 75 168 116	#4BA874
50.0%	50.0% #54B46E	RGB 84 180 110	#54B46E
66.7%	66.7% #5EC168	RGB 94 193 104	#5EC168
83.3%	83.3% #70CD69	RGB 112 205 105	#70CD69
100.0%	100.0% #8EDA74	RGB 142 218 116	#8EDA74

#3A8F7E #429B79 #4BA874 #54B46E #5EC168 #70CD69 #8EDA74

#3A8F7E - #54B46E - #8EDA74

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3A8F7E 0%, #54B46E 50%, #8EDA74 100%);
    background: -webkit-linear-gradient(top, #3A8F7E 0%, #54B46E 50%, #8EDA74 100%);
    background: linear-gradient(to bottom, #3A8F7E 0%, #54B46E 50%, #8EDA74 100%);
}
</style>