#55562B - #CDCEC2 | 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 #55562B to #CDCEC2

#55562B #CDCEC2

Calculate the color between two colors, #55562B and #CDCEC2. 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)

#55562B - #CDCEC2 | 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 #55562B as 0% and #CDCEC2 as 100%.

0.0%	0.0% #55562B	RGB 85 86 43	#55562B
16.7%	16.7% #696A44	RGB 105 106 68	#696A44
33.3%	33.3% #7D7E5D	RGB 125 126 93	#7D7E5D
50.0%	50.0% #919276	RGB 145 146 118	#919276
66.7%	66.7% #A5A68F	RGB 165 166 143	#A5A68F
83.3%	83.3% #B9BAA8	RGB 185 186 168	#B9BAA8
100.0%	100.0% #CDCEC2	RGB 205 206 194	#CDCEC2

#55562B #696A44 #7D7E5D #919276 #A5A68F #B9BAA8 #CDCEC2

#55562B - #CDCEC2

HSV Blend

#55562B - #CDCEC2 | 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 #55562B as 0% and #CDCEC2 as 100%.

0.0%	0.0% #55562B	RGB 85 86 43	#55562B
16.7%	16.7% #686A3C	RGB 104 106 60	#686A3C
33.3%	33.3% #7C7E51	RGB 124 126 81	#7C7E51
50.0%	50.0% #8F9269	RGB 143 146 105	#8F9269
66.7%	66.7% #A3A683	RGB 163 166 131	#A3A683
83.3%	83.3% #B8BAA1	RGB 184 186 161	#B8BAA1
100.0%	100.0% #CDCEC2	RGB 205 206 194	#CDCEC2

#55562B #686A3C #7C7E51 #8F9269 #A3A683 #B8BAA1 #CDCEC2

#55562B - #8F9269 - #CDCEC2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #55562B 0%, #8F9269 50%, #CDCEC2 100%);
    background: -webkit-linear-gradient(top, #55562B 0%, #8F9269 50%, #CDCEC2 100%);
    background: linear-gradient(to bottom, #55562B 0%, #8F9269 50%, #CDCEC2 100%);
}
</style>