#AEC0BA - #5A8D7F | 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 #AEC0BA to #5A8D7F

#AEC0BA #5A8D7F

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

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

0.0%	0.0% #AEC0BA	RGB 174 192 186	#AEC0BA
16.7%	16.7% #A0B7B0	RGB 160 183 176	#A0B7B0
33.3%	33.3% #92AFA6	RGB 146 175 166	#92AFA6
50.0%	50.0% #84A69C	RGB 132 166 156	#84A69C
66.7%	66.7% #769E92	RGB 118 158 146	#769E92
83.3%	83.3% #689588	RGB 104 149 136	#689588
100.0%	100.0% #5A8D7F	RGB 90 141 127	#5A8D7F

#AEC0BA #A0B7B0 #92AFA6 #84A69C #769E92 #689588 #5A8D7F

#AEC0BA - #5A8D7F

HSV Blend

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

0.0%	0.0% #AEC0BA	RGB 174 192 186	#AEC0BA
16.7%	16.7% #9EB7AF	RGB 158 183 175	#9EB7AF
33.3%	33.3% #8EAFA4	RGB 142 175 164	#8EAFA4
50.0%	50.0% #80A69A	RGB 128 166 154	#80A69A
66.7%	66.7% #729E91	RGB 114 158 145	#729E91
83.3%	83.3% #669588	RGB 102 149 136	#669588
100.0%	100.0% #5A8D7F	RGB 90 141 127	#5A8D7F

#AEC0BA #9EB7AF #8EAFA4 #80A69A #729E91 #669588 #5A8D7F

#AEC0BA - #80A69A - #5A8D7F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AEC0BA 0%, #80A69A 50%, #5A8D7F 100%);
    background: -webkit-linear-gradient(top, #AEC0BA 0%, #80A69A 50%, #5A8D7F 100%);
    background: linear-gradient(to bottom, #AEC0BA 0%, #80A69A 50%, #5A8D7F 100%);
}
</style>