#545333 - #CECDC4 | 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 #545333 to #CECDC4

#545333 #CECDC4

Calculate the color between two colors, #545333 and #CECDC4. 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)

#545333 - #CECDC4 | 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 #545333 as 0% and #CECDC4 as 100%.

0.0%	0.0% #545333	RGB 84 83 51	#545333
16.7%	16.7% #68674B	RGB 104 103 75	#68674B
33.3%	33.3% #7C7B63	RGB 124 123 99	#7C7B63
50.0%	50.0% #91907B	RGB 145 144 123	#91907B
66.7%	66.7% #A5A493	RGB 165 164 147	#A5A493
83.3%	83.3% #B9B8AB	RGB 185 184 171	#B9B8AB
100.0%	100.0% #CECDC4	RGB 206 205 196	#CECDC4

#545333 #68674B #7C7B63 #91907B #A5A493 #B9B8AB #CECDC4

#545333 - #CECDC4

HSV Blend

#545333 - #CECDC4 | 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 #545333 as 0% and #CECDC4 as 100%.

0.0%	0.0% #545333	RGB 84 83 51	#545333
16.7%	16.7% #686645	RGB 104 102 69	#686645
33.3%	33.3% #7C7A59	RGB 124 122 89	#7C7A59
50.0%	50.0% #918E70	RGB 145 142 112	#918E70
66.7%	66.7% #A5A38A	RGB 165 163 138	#A5A38A
83.3%	83.3% #B9B7A5	RGB 185 183 165	#B9B7A5
100.0%	100.0% #CECDC4	RGB 206 205 196	#CECDC4

#545333 #686645 #7C7A59 #918E70 #A5A38A #B9B7A5 #CECDC4

#545333 - #918E70 - #CECDC4

CSS codes

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

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