#5E6C6C - #A1AC7C | 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 #5E6C6C to #A1AC7C

#5E6C6C #A1AC7C

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

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

0.0%	0.0% #5E6C6C	RGB 94 108 108	#5E6C6C
16.7%	16.7% #69766E	RGB 105 118 110	#69766E
33.3%	33.3% #748171	RGB 116 129 113	#748171
50.0%	50.0% #7F8C74	RGB 127 140 116	#7F8C74
66.7%	66.7% #8A9676	RGB 138 150 118	#8A9676
83.3%	83.3% #95A179	RGB 149 161 121	#95A179
100.0%	100.0% #A1AC7C	RGB 161 172 124	#A1AC7C

#5E6C6C #69766E #748171 #7F8C74 #8A9676 #95A179 #A1AC7C

#5E6C6C - #A1AC7C

HSV Blend

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

0.0%	0.0% #5E6C6C	RGB 94 108 108	#5E6C6C
16.7%	16.7% #647671	RGB 100 118 113	#647671
33.3%	33.3% #6A8173	RGB 106 129 115	#6A8173
50.0%	50.0% #6F8C72	RGB 111 140 114	#6F8C72
66.7%	66.7% #7A9674	RGB 122 150 116	#7A9674
83.3%	83.3% #8BA178	RGB 139 161 120	#8BA178
100.0%	100.0% #A1AC7C	RGB 161 172 124	#A1AC7C

#5E6C6C #647671 #6A8173 #6F8C72 #7A9674 #8BA178 #A1AC7C

#5E6C6C - #6F8C72 - #A1AC7C

CSS codes

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

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