#565D5E - #BAA188 | 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 #565D5E to #BAA188

#565D5E #BAA188

Calculate the color between two colors, #565D5E and #BAA188. 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)

#565D5E - #BAA188 | 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 #565D5E as 0% and #BAA188 as 100%.

0.0%	0.0% #565D5E	RGB 86 93 94	#565D5E
16.7%	16.7% #666865	RGB 102 104 101	#666865
33.3%	33.3% #77736C	RGB 119 115 108	#77736C
50.0%	50.0% #887F73	RGB 136 127 115	#887F73
66.7%	66.7% #988A7A	RGB 152 138 122	#988A7A
83.3%	83.3% #A99581	RGB 169 149 129	#A99581
100.0%	100.0% #BAA188	RGB 186 161 136	#BAA188

#565D5E #666865 #77736C #887F73 #988A7A #A99581 #BAA188

#565D5E - #BAA188

HSV Blend

#565D5E - #BAA188 | 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 #565D5E as 0% and #BAA188 as 100%.

0.0%	0.0% #565D5E	RGB 86 93 94	#565D5E
16.7%	16.7% #606D69	RGB 96 109 105	#606D69
33.3%	33.3% #6A7C6E	RGB 106 124 110	#6A7C6E
50.0%	50.0% #778C73	RGB 119 140 115	#778C73
66.7%	66.7% #8F9B7B	RGB 143 155 123	#8F9B7B
83.3%	83.3% #AAA882	RGB 170 168 130	#AAA882
100.0%	100.0% #BAA188	RGB 186 161 136	#BAA188

#565D5E #606D69 #6A7C6E #778C73 #8F9B7B #AAA882 #BAA188

#565D5E - #778C73 - #BAA188

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #565D5E 0%, #778C73 50%, #BAA188 100%);
    background: -webkit-linear-gradient(top, #565D5E 0%, #778C73 50%, #BAA188 100%);
    background: linear-gradient(to bottom, #565D5E 0%, #778C73 50%, #BAA188 100%);
}
</style>