#616E5E - #AE817E | 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 #616E5E to #AE817E

#616E5E #AE817E

Calculate the color between two colors, #616E5E and #AE817E. 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)

#616E5E - #AE817E | 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 #616E5E as 0% and #AE817E as 100%.

0.0%	0.0% #616E5E	RGB 97 110 94	#616E5E
16.7%	16.7% #6D7163	RGB 109 113 99	#6D7163
33.3%	33.3% #7A7468	RGB 122 116 104	#7A7468
50.0%	50.0% #87776E	RGB 135 119 110	#87776E
66.7%	66.7% #947A73	RGB 148 122 115	#947A73
83.3%	83.3% #A17D78	RGB 161 125 120	#A17D78
100.0%	100.0% #AE817E	RGB 174 129 126	#AE817E

#616E5E #6D7163 #7A7468 #87776E #947A73 #A17D78 #AE817E

#616E5E - #AE817E

HSV Blend

#616E5E - #AE817E | 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 #616E5E as 0% and #AE817E as 100%.

0.0%	0.0% #616E5E	RGB 97 110 94	#616E5E
16.7%	16.7% #6E7864	RGB 110 120 100	#6E7864
33.3%	33.3% #7D836A	RGB 125 131 106	#7D836A
50.0%	50.0% #8E8C70	RGB 142 140 112	#8E8C70
66.7%	66.7% #988C75	RGB 152 140 117	#988C75
83.3%	83.3% #A38879	RGB 163 136 121	#A38879
100.0%	100.0% #AE817E	RGB 174 129 126	#AE817E

#616E5E #6E7864 #7D836A #8E8C70 #988C75 #A38879 #AE817E

#616E5E - #8E8C70 - #AE817E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #616E5E 0%, #8E8C70 50%, #AE817E 100%);
    background: -webkit-linear-gradient(top, #616E5E 0%, #8E8C70 50%, #AE817E 100%);
    background: linear-gradient(to bottom, #616E5E 0%, #8E8C70 50%, #AE817E 100%);
}
</style>