#5E6F67 - #A8B17E | 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 #5E6F67 to #A8B17E

#5E6F67 #A8B17E

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

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

0.0%	0.0% #5E6F67	RGB 94 111 103	#5E6F67
16.7%	16.7% #6A7A6A	RGB 106 122 106	#6A7A6A
33.3%	33.3% #76856E	RGB 118 133 110	#76856E
50.0%	50.0% #839072	RGB 131 144 114	#839072
66.7%	66.7% #8F9B76	RGB 143 155 118	#8F9B76
83.3%	83.3% #9BA67A	RGB 155 166 122	#9BA67A
100.0%	100.0% #A8B17E	RGB 168 177 126	#A8B17E

#5E6F67 #6A7A6A #76856E #839072 #8F9B76 #9BA67A #A8B17E

#5E6F67 - #A8B17E

HSV Blend

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

0.0%	0.0% #5E6F67	RGB 94 111 103	#5E6F67
16.7%	16.7% #647A6B	RGB 100 122 107	#647A6B
33.3%	33.3% #6A856C	RGB 106 133 108	#6A856C
50.0%	50.0% #749070	RGB 116 144 112	#749070
66.7%	66.7% #839B75	RGB 131 155 117	#839B75
83.3%	83.3% #94A679	RGB 148 166 121	#94A679
100.0%	100.0% #A8B17E	RGB 168 177 126	#A8B17E

#5E6F67 #647A6B #6A856C #749070 #839B75 #94A679 #A8B17E

#5E6F67 - #749070 - #A8B17E

CSS codes

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

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