#554E3C - #CECCC7 | 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 #554E3C to #CECCC7

#554E3C #CECCC7

Calculate the color between two colors, #554E3C and #CECCC7. 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)

#554E3C - #CECCC7 | 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 #554E3C as 0% and #CECCC7 as 100%.

0.0%	0.0% #554E3C	RGB 85 78 60	#554E3C
16.7%	16.7% #696353	RGB 105 99 83	#696353
33.3%	33.3% #7D786A	RGB 125 120 106	#7D786A
50.0%	50.0% #918D81	RGB 145 141 129	#918D81
66.7%	66.7% #A5A298	RGB 165 162 152	#A5A298
83.3%	83.3% #B9B7AF	RGB 185 183 175	#B9B7AF
100.0%	100.0% #CECCC7	RGB 206 204 199	#CECCC7

#554E3C #696353 #7D786A #918D81 #A5A298 #B9B7AF #CECCC7

#554E3C - #CECCC7

HSV Blend

#554E3C - #CECCC7 | 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 #554E3C as 0% and #CECCC7 as 100%.

0.0%	0.0% #554E3C	RGB 85 78 60	#554E3C
16.7%	16.7% #69614E	RGB 105 97 78	#69614E
33.3%	33.3% #7D7663	RGB 125 118 99	#7D7663
50.0%	50.0% #918A79	RGB 145 138 121	#918A79
66.7%	66.7% #A59F91	RGB 165 159 145	#A59F91
83.3%	83.3% #B9B5AB	RGB 185 181 171	#B9B5AB
100.0%	100.0% #CECCC7	RGB 206 204 199	#CECCC7

#554E3C #69614E #7D7663 #918A79 #A59F91 #B9B5AB #CECCC7

#554E3C - #918A79 - #CECCC7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #554E3C 0%, #918A79 50%, #CECCC7 100%);
    background: -webkit-linear-gradient(top, #554E3C 0%, #918A79 50%, #CECCC7 100%);
    background: linear-gradient(to bottom, #554E3C 0%, #918A79 50%, #CECCC7 100%);
}
</style>