#4A8D76 - #AB9AD9 | 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 #4A8D76 to #AB9AD9

#4A8D76 #AB9AD9

Calculate the color between two colors, #4A8D76 and #AB9AD9. 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)

#4A8D76 - #AB9AD9 | 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 #4A8D76 as 0% and #AB9AD9 as 100%.

0.0%	0.0% #4A8D76	RGB 74 141 118	#4A8D76
16.7%	16.7% #5A8F86	RGB 90 143 134	#5A8F86
33.3%	33.3% #6A9197	RGB 106 145 151	#6A9197
50.0%	50.0% #7A93A7	RGB 122 147 167	#7A93A7
66.7%	66.7% #8A95B8	RGB 138 149 184	#8A95B8
83.3%	83.3% #9A97C8	RGB 154 151 200	#9A97C8
100.0%	100.0% #AB9AD9	RGB 171 154 217	#AB9AD9

#4A8D76 #5A8F86 #6A9197 #7A93A7 #8A95B8 #9A97C8 #AB9AD9

#4A8D76 - #AB9AD9

HSV Blend

#4A8D76 - #AB9AD9 | 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 #4A8D76 as 0% and #AB9AD9 as 100%.

0.0%	0.0% #4A8D76	RGB 74 141 118	#4A8D76
16.7%	16.7% #559994	RGB 85 153 148	#559994
33.3%	33.3% #6198A6	RGB 97 152 166	#6198A6
50.0%	50.0% #6E93B3	RGB 110 147 179	#6E93B3
66.7%	66.7% #7C8EBF	RGB 124 142 191	#7C8EBF
83.3%	83.3% #8A8ACC	RGB 138 138 204	#8A8ACC
100.0%	100.0% #AB9AD9	RGB 171 154 217	#AB9AD9

#4A8D76 #559994 #6198A6 #6E93B3 #7C8EBF #8A8ACC #AB9AD9

#4A8D76 - #6E93B3 - #AB9AD9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A8D76 0%, #6E93B3 50%, #AB9AD9 100%);
    background: -webkit-linear-gradient(top, #4A8D76 0%, #6E93B3 50%, #AB9AD9 100%);
    background: linear-gradient(to bottom, #4A8D76 0%, #6E93B3 50%, #AB9AD9 100%);
}
</style>