#A8ADA2 - #61794B | 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 #A8ADA2 to #61794B

#A8ADA2 #61794B

Calculate the color between two colors, #A8ADA2 and #61794B. 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)

#A8ADA2 - #61794B | 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 #A8ADA2 as 0% and #61794B as 100%.

0.0%	0.0% #A8ADA2	RGB 168 173 162	#A8ADA2
16.7%	16.7% #9CA493	RGB 156 164 147	#9CA493
33.3%	33.3% #909B85	RGB 144 155 133	#909B85
50.0%	50.0% #849376	RGB 132 147 118	#849376
66.7%	66.7% #788A68	RGB 120 138 104	#788A68
83.3%	83.3% #6C8159	RGB 108 129 89	#6C8159
100.0%	100.0% #61794B	RGB 97 121 75	#61794B

#A8ADA2 #9CA493 #909B85 #849376 #788A68 #6C8159 #61794B

#A8ADA2 - #61794B

HSV Blend

#A8ADA2 - #61794B | 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 #A8ADA2 as 0% and #61794B as 100%.

0.0%	0.0% #A8ADA2	RGB 168 173 162	#A8ADA2
16.7%	16.7% #9BA491	RGB 155 164 145	#9BA491
33.3%	33.3% #8F9B81	RGB 143 155 129	#8F9B81
50.0%	50.0% #839372	RGB 131 147 114	#839372
66.7%	66.7% #778A64	RGB 119 138 100	#778A64
83.3%	83.3% #6B8157	RGB 107 129 87	#6B8157
100.0%	100.0% #61794B	RGB 97 121 75	#61794B

#A8ADA2 #9BA491 #8F9B81 #839372 #778A64 #6B8157 #61794B

#A8ADA2 - #839372 - #61794B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8ADA2 0%, #839372 50%, #61794B 100%);
    background: -webkit-linear-gradient(top, #A8ADA2 0%, #839372 50%, #61794B 100%);
    background: linear-gradient(to bottom, #A8ADA2 0%, #839372 50%, #61794B 100%);
}
</style>