#AEB5AE - #6B6A5E | 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 #AEB5AE to #6B6A5E

#AEB5AE #6B6A5E

Calculate the color between two colors, #AEB5AE and #6B6A5E. 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)

#AEB5AE - #6B6A5E | 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 #AEB5AE as 0% and #6B6A5E as 100%.

0.0%	0.0% #AEB5AE	RGB 174 181 174	#AEB5AE
16.7%	16.7% #A2A8A0	RGB 162 168 160	#A2A8A0
33.3%	33.3% #979C93	RGB 151 156 147	#979C93
50.0%	50.0% #8C8F86	RGB 140 143 134	#8C8F86
66.7%	66.7% #818378	RGB 129 131 120	#818378
83.3%	83.3% #76766B	RGB 118 118 107	#76766B
100.0%	100.0% #6B6A5E	RGB 107 106 94	#6B6A5E

#AEB5AE #A2A8A0 #979C93 #8C8F86 #818378 #76766B #6B6A5E

#AEB5AE - #6B6A5E

HSV Blend

#AEB5AE - #6B6A5E | 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 #AEB5AE as 0% and #6B6A5E as 100%.

0.0%	0.0% #AEB5AE	RGB 174 181 174	#AEB5AE
16.7%	16.7% #A1A89F	RGB 161 168 159	#A1A89F
33.3%	33.3% #959C91	RGB 149 156 145	#959C91
50.0%	50.0% #8A9084	RGB 138 144 132	#8A9084
66.7%	66.7% #808377	RGB 128 131 119	#808377
83.3%	83.3% #76776A	RGB 118 119 106	#76776A
100.0%	100.0% #6B6A5E	RGB 107 106 94	#6B6A5E

#AEB5AE #A1A89F #959C91 #8A9084 #808377 #76776A #6B6A5E

#AEB5AE - #8A9084 - #6B6A5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AEB5AE 0%, #8A9084 50%, #6B6A5E 100%);
    background: -webkit-linear-gradient(top, #AEB5AE 0%, #8A9084 50%, #6B6A5E 100%);
    background: linear-gradient(to bottom, #AEB5AE 0%, #8A9084 50%, #6B6A5E 100%);
}
</style>