#5E827D - #AFC08C | 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 #5E827D to #AFC08C

#5E827D #AFC08C

Calculate the color between two colors, #5E827D and #AFC08C. 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)

#5E827D - #AFC08C | 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 #5E827D as 0% and #AFC08C as 100%.

0.0%	0.0% #5E827D	RGB 94 130 125	#5E827D
16.7%	16.7% #6B8C7F	RGB 107 140 127	#6B8C7F
33.3%	33.3% #799682	RGB 121 150 130	#799682
50.0%	50.0% #86A184	RGB 134 161 132	#86A184
66.7%	66.7% #94AB87	RGB 148 171 135	#94AB87
83.3%	83.3% #A1B589	RGB 161 181 137	#A1B589
100.0%	100.0% #AFC08C	RGB 175 192 140	#AFC08C

#5E827D #6B8C7F #799682 #86A184 #94AB87 #A1B589 #AFC08C

#5E827D - #AFC08C

HSV Blend

#5E827D - #AFC08C | 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 #5E827D as 0% and #AFC08C as 100%.

0.0%	0.0% #5E827D	RGB 94 130 125	#5E827D
16.7%	16.7% #658C7D	RGB 101 140 125	#658C7D
33.3%	33.3% #6D967B	RGB 109 150 123	#6D967B
50.0%	50.0% #74A179	RGB 116 161 121	#74A179
66.7%	66.7% #84AB7C	RGB 132 171 124	#84AB7C
83.3%	83.3% #98B584	RGB 152 181 132	#98B584
100.0%	100.0% #AFC08C	RGB 175 192 140	#AFC08C

#5E827D #658C7D #6D967B #74A179 #84AB7C #98B584 #AFC08C

#5E827D - #74A179 - #AFC08C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E827D 0%, #74A179 50%, #AFC08C 100%);
    background: -webkit-linear-gradient(top, #5E827D 0%, #74A179 50%, #AFC08C 100%);
    background: linear-gradient(to bottom, #5E827D 0%, #74A179 50%, #AFC08C 100%);
}
</style>