#50563F - #B4A168 | 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 #50563F to #B4A168

#50563F #B4A168

Calculate the color between two colors, #50563F and #B4A168. 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)

#50563F - #B4A168 | 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 #50563F as 0% and #B4A168 as 100%.

0.0%	0.0% #50563F	RGB 80 86 63	#50563F
16.7%	16.7% #606245	RGB 96 98 69	#606245
33.3%	33.3% #716F4C	RGB 113 111 76	#716F4C
50.0%	50.0% #827B53	RGB 130 123 83	#827B53
66.7%	66.7% #92885A	RGB 146 136 90	#92885A
83.3%	83.3% #A39461	RGB 163 148 97	#A39461
100.0%	100.0% #B4A168	RGB 180 161 104	#B4A168

#50563F #606245 #716F4C #827B53 #92885A #A39461 #B4A168

#50563F - #B4A168

HSV Blend

#50563F - #B4A168 | 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 #50563F as 0% and #B4A168 as 100%.

0.0%	0.0% #50563F	RGB 80 86 63	#50563F
16.7%	16.7% #606547	RGB 96 101 71	#606547
33.3%	33.3% #71754F	RGB 113 117 79	#71754F
50.0%	50.0% #848557	RGB 132 133 87	#848557
66.7%	66.7% #94905D	RGB 148 144 93	#94905D
83.3%	83.3% #A49963	RGB 164 153 99	#A49963
100.0%	100.0% #B4A168	RGB 180 161 104	#B4A168

#50563F #606547 #71754F #848557 #94905D #A49963 #B4A168

#50563F - #848557 - #B4A168

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #50563F 0%, #848557 50%, #B4A168 100%);
    background: -webkit-linear-gradient(top, #50563F 0%, #848557 50%, #B4A168 100%);
    background: linear-gradient(to bottom, #50563F 0%, #848557 50%, #B4A168 100%);
}
</style>