#5E6A69 - #A1AA7B | 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 #5E6A69 to #A1AA7B

#5E6A69 #A1AA7B

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

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

0.0%	0.0% #5E6A69	RGB 94 106 105	#5E6A69
16.7%	16.7% #69746C	RGB 105 116 108	#69746C
33.3%	33.3% #747F6F	RGB 116 127 111	#747F6F
50.0%	50.0% #7F8A72	RGB 127 138 114	#7F8A72
66.7%	66.7% #8A9475	RGB 138 148 117	#8A9475
83.3%	83.3% #959F78	RGB 149 159 120	#959F78
100.0%	100.0% #A1AA7B	RGB 161 170 123	#A1AA7B

#5E6A69 #69746C #747F6F #7F8A72 #8A9475 #959F78 #A1AA7B

#5E6A69 - #A1AA7B

HSV Blend

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

0.0%	0.0% #5E6A69	RGB 94 106 105	#5E6A69
16.7%	16.7% #64746E	RGB 100 116 110	#64746E
33.3%	33.3% #697F71	RGB 105 127 113	#697F71
50.0%	50.0% #6F8A70	RGB 111 138 112	#6F8A70
66.7%	66.7% #7B9473	RGB 123 148 115	#7B9473
83.3%	83.3% #8C9F77	RGB 140 159 119	#8C9F77
100.0%	100.0% #A1AA7B	RGB 161 170 123	#A1AA7B

#5E6A69 #64746E #697F71 #6F8A70 #7B9473 #8C9F77 #A1AA7B

#5E6A69 - #6F8A70 - #A1AA7B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6A69 0%, #6F8A70 50%, #A1AA7B 100%);
    background: -webkit-linear-gradient(top, #5E6A69 0%, #6F8A70 50%, #A1AA7B 100%);
    background: linear-gradient(to bottom, #5E6A69 0%, #6F8A70 50%, #A1AA7B 100%);
}
</style>