#56553D - #CE9C5D | 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 #56553D to #CE9C5D

#56553D #CE9C5D

Calculate the color between two colors, #56553D and #CE9C5D. 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)

#56553D - #CE9C5D | 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 #56553D as 0% and #CE9C5D as 100%.

0.0%	0.0% #56553D	RGB 86 85 61	#56553D
16.7%	16.7% #6A6042	RGB 106 96 66	#6A6042
33.3%	33.3% #7E6C47	RGB 126 108 71	#7E6C47
50.0%	50.0% #92784D	RGB 146 120 77	#92784D
66.7%	66.7% #A68452	RGB 166 132 82	#A68452
83.3%	83.3% #BA9057	RGB 186 144 87	#BA9057
100.0%	100.0% #CE9C5D	RGB 206 156 93	#CE9C5D

#56553D #6A6042 #7E6C47 #92784D #A68452 #BA9057 #CE9C5D

#56553D - #CE9C5D

HSV Blend

#56553D - #CE9C5D | 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 #56553D as 0% and #CE9C5D as 100%.

0.0%	0.0% #56553D	RGB 86 85 61	#56553D
16.7%	16.7% #6A6646	RGB 106 102 70	#6A6646
33.3%	33.3% #7E754E	RGB 126 117 78	#7E754E
50.0%	50.0% #928354	RGB 146 131 84	#928354
66.7%	66.7% #A68E59	RGB 166 142 89	#A68E59
83.3%	83.3% #BA965B	RGB 186 150 91	#BA965B
100.0%	100.0% #CE9C5D	RGB 206 156 93	#CE9C5D

#56553D #6A6646 #7E754E #928354 #A68E59 #BA965B #CE9C5D

#56553D - #928354 - #CE9C5D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #56553D 0%, #928354 50%, #CE9C5D 100%);
    background: -webkit-linear-gradient(top, #56553D 0%, #928354 50%, #CE9C5D 100%);
    background: linear-gradient(to bottom, #56553D 0%, #928354 50%, #CE9C5D 100%);
}
</style>