#554A32 - #CECBC4 | 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 #554A32 to #CECBC4

#554A32 #CECBC4

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

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

0.0%	0.0% #554A32	RGB 85 74 50	#554A32
16.7%	16.7% #695F4A	RGB 105 95 74	#695F4A
33.3%	33.3% #7D7562	RGB 125 117 98	#7D7562
50.0%	50.0% #918A7B	RGB 145 138 123	#918A7B
66.7%	66.7% #A5A093	RGB 165 160 147	#A5A093
83.3%	83.3% #B9B5AB	RGB 185 181 171	#B9B5AB
100.0%	100.0% #CECBC4	RGB 206 203 196	#CECBC4

#554A32 #695F4A #7D7562 #918A7B #A5A093 #B9B5AB #CECBC4

#554A32 - #CECBC4

HSV Blend

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

0.0%	0.0% #554A32	RGB 85 74 50	#554A32
16.7%	16.7% #695D44	RGB 105 93 68	#695D44
33.3%	33.3% #7D7258	RGB 125 114 88	#7D7258
50.0%	50.0% #918770	RGB 145 135 112	#918770
66.7%	66.7% #A59D89	RGB 165 157 137	#A59D89
83.3%	83.3% #B9B3A5	RGB 185 179 165	#B9B3A5
100.0%	100.0% #CECBC4	RGB 206 203 196	#CECBC4

#554A32 #695D44 #7D7258 #918770 #A59D89 #B9B3A5 #CECBC4

#554A32 - #918770 - #CECBC4

CSS codes

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

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