#5E7C7C - #AABA8A | 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 #5E7C7C to #AABA8A

#5E7C7C #AABA8A

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

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

0.0%	0.0% #5E7C7C	RGB 94 124 124	#5E7C7C
16.7%	16.7% #6A867E	RGB 106 134 126	#6A867E
33.3%	33.3% #779080	RGB 119 144 128	#779080
50.0%	50.0% #849B83	RGB 132 155 131	#849B83
66.7%	66.7% #90A585	RGB 144 165 133	#90A585
83.3%	83.3% #9DAF87	RGB 157 175 135	#9DAF87
100.0%	100.0% #AABA8A	RGB 170 186 138	#AABA8A

#5E7C7C #6A867E #779080 #849B83 #90A585 #9DAF87 #AABA8A

#5E7C7C - #AABA8A

HSV Blend

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

0.0%	0.0% #5E7C7C	RGB 94 124 124	#5E7C7C
16.7%	16.7% #65867D	RGB 101 134 125	#65867D
33.3%	33.3% #6C907C	RGB 108 144 124	#6C907C
50.0%	50.0% #749B7A	RGB 116 155 122	#749B7A
66.7%	66.7% #80A57B	RGB 128 165 123	#80A57B
83.3%	83.3% #94AF82	RGB 148 175 130	#94AF82
100.0%	100.0% #AABA8A	RGB 170 186 138	#AABA8A

#5E7C7C #65867D #6C907C #749B7A #80A57B #94AF82 #AABA8A

#5E7C7C - #749B7A - #AABA8A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7C7C 0%, #749B7A 50%, #AABA8A 100%);
    background: -webkit-linear-gradient(top, #5E7C7C 0%, #749B7A 50%, #AABA8A 100%);
    background: linear-gradient(to bottom, #5E7C7C 0%, #749B7A 50%, #AABA8A 100%);
}
</style>