#3E616E - #AAAA9C | 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 #3E616E to #AAAA9C

#3E616E #AAAA9C

Calculate the color between two colors, #3E616E and #AAAA9C. 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)

#3E616E - #AAAA9C | 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 #3E616E as 0% and #AAAA9C as 100%.

0.0%	0.0% #3E616E	RGB 62 97 110	#3E616E
16.7%	16.7% #506D75	RGB 80 109 117	#506D75
33.3%	33.3% #62797D	RGB 98 121 125	#62797D
50.0%	50.0% #748585	RGB 116 133 133	#748585
66.7%	66.7% #86918C	RGB 134 145 140	#86918C
83.3%	83.3% #989D94	RGB 152 157 148	#989D94
100.0%	100.0% #AAAA9C	RGB 170 170 156	#AAAA9C

#3E616E #506D75 #62797D #748585 #86918C #989D94 #AAAA9C

#3E616E - #AAAA9C

HSV Blend

#3E616E - #AAAA9C | 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 #3E616E as 0% and #AAAA9C as 100%.

0.0%	0.0% #3E616E	RGB 62 97 110	#3E616E
16.7%	16.7% #4A7873	RGB 74 120 115	#4A7873
33.3%	33.3% #58826D	RGB 88 130 109	#58826D
50.0%	50.0% #678C6C	RGB 103 140 108	#678C6C
66.7%	66.7% #7F9677	RGB 127 150 119	#7F9677
83.3%	83.3% #97A089	RGB 151 160 137	#97A089
100.0%	100.0% #AAAA9C	RGB 170 170 156	#AAAA9C

#3E616E #4A7873 #58826D #678C6C #7F9677 #97A089 #AAAA9C

#3E616E - #678C6C - #AAAA9C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E616E 0%, #678C6C 50%, #AAAA9C 100%);
    background: -webkit-linear-gradient(top, #3E616E 0%, #678C6C 50%, #AAAA9C 100%);
    background: linear-gradient(to bottom, #3E616E 0%, #678C6C 50%, #AAAA9C 100%);
}
</style>