#56553D - #CECEC7 | 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 #CECEC7

#56553D #CECEC7

Calculate the color between two colors, #56553D and #CECEC7. 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 - #CECEC7 | 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 #CECEC7 as 100%.

0.0%	0.0% #56553D	RGB 86 85 61	#56553D
16.7%	16.7% #6A6954	RGB 106 105 84	#6A6954
33.3%	33.3% #7E7D6B	RGB 126 125 107	#7E7D6B
50.0%	50.0% #929182	RGB 146 145 130	#929182
66.7%	66.7% #A6A599	RGB 166 165 153	#A6A599
83.3%	83.3% #BAB9B0	RGB 186 185 176	#BAB9B0
100.0%	100.0% #CECEC7	RGB 206 206 199	#CECEC7

#56553D #6A6954 #7E7D6B #929182 #A6A599 #BAB9B0 #CECEC7

#56553D - #CECEC7

HSV Blend

#56553D - #CECEC7 | 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 #CECEC7 as 100%.

0.0%	0.0% #56553D	RGB 86 85 61	#56553D
16.7%	16.7% #6A694F	RGB 106 105 79	#6A694F
33.3%	33.3% #7E7D64	RGB 126 125 100	#7E7D64
50.0%	50.0% #92917A	RGB 146 145 122	#92917A
66.7%	66.7% #A6A592	RGB 166 165 146	#A6A592
83.3%	83.3% #BAB9AB	RGB 186 185 171	#BAB9AB
100.0%	100.0% #CECEC7	RGB 206 206 199	#CECEC7

#56553D #6A694F #7E7D64 #92917A #A6A592 #BAB9AB #CECEC7

#56553D - #92917A - #CECEC7

CSS codes

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

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