#524C49 - #CDCBCB | 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 #524C49 to #CDCBCB

#524C49 #CDCBCB

Calculate the color between two colors, #524C49 and #CDCBCB. 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)

#524C49 - #CDCBCB | 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 #524C49 as 0% and #CDCBCB as 100%.

0.0%	0.0% #524C49	RGB 82 76 73	#524C49
16.7%	16.7% #66615E	RGB 102 97 94	#66615E
33.3%	33.3% #7B7674	RGB 123 118 116	#7B7674
50.0%	50.0% #8F8B8A	RGB 143 139 138	#8F8B8A
66.7%	66.7% #A4A09F	RGB 164 160 159	#A4A09F
83.3%	83.3% #B8B5B5	RGB 184 181 181	#B8B5B5
100.0%	100.0% #CDCBCB	RGB 205 203 203	#CDCBCB

#524C49 #66615E #7B7674 #8F8B8A #A4A09F #B8B5B5 #CDCBCB

#524C49 - #CDCBCB

HSV Blend

#524C49 - #CDCBCB | 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 #524C49 as 0% and #CDCBCB as 100%.

0.0%	0.0% #524C49	RGB 82 76 73	#524C49
16.7%	16.7% #665F5C	RGB 102 95 92	#665F5C
33.3%	33.3% #7B7371	RGB 123 115 113	#7B7371
50.0%	50.0% #8F8886	RGB 143 136 134	#8F8886
66.7%	66.7% #A49D9C	RGB 164 157 156	#A49D9C
83.3%	83.3% #B8B3B3	RGB 184 179 179	#B8B3B3
100.0%	100.0% #CDCBCB	RGB 205 203 203	#CDCBCB

#524C49 #665F5C #7B7371 #8F8886 #A49D9C #B8B3B3 #CDCBCB

#524C49 - #8F8886 - #CDCBCB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #524C49 0%, #8F8886 50%, #CDCBCB 100%);
    background: -webkit-linear-gradient(top, #524C49 0%, #8F8886 50%, #CDCBCB 100%);
    background: linear-gradient(to bottom, #524C49 0%, #8F8886 50%, #CDCBCB 100%);
}
</style>