#56533F - #CD9A60 | 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 #56533F to #CD9A60

#56533F #CD9A60

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

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

0.0%	0.0% #56533F	RGB 86 83 63	#56533F
16.7%	16.7% #695E44	RGB 105 94 68	#695E44
33.3%	33.3% #7D6A4A	RGB 125 106 74	#7D6A4A
50.0%	50.0% #91764F	RGB 145 118 79	#91764F
66.7%	66.7% #A58255	RGB 165 130 85	#A58255
83.3%	83.3% #B98E5A	RGB 185 142 90	#B98E5A
100.0%	100.0% #CD9A60	RGB 205 154 96	#CD9A60

#56533F #695E44 #7D6A4A #91764F #A58255 #B98E5A #CD9A60

#56533F - #CD9A60

HSV Blend

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

0.0%	0.0% #56533F	RGB 86 83 63	#56533F
16.7%	16.7% #696348	RGB 105 99 72	#696348
33.3%	33.3% #7D7250	RGB 125 114 80	#7D7250
50.0%	50.0% #918057	RGB 145 128 87	#918057
66.7%	66.7% #A58B5B	RGB 165 139 91	#A58B5B
83.3%	83.3% #B9935E	RGB 185 147 94	#B9935E
100.0%	100.0% #CD9A60	RGB 205 154 96	#CD9A60

#56533F #696348 #7D7250 #918057 #A58B5B #B9935E #CD9A60

#56533F - #918057 - #CD9A60

CSS codes

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

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