#504C24 - #CDCCC0 | 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 #504C24 to #CDCCC0

#504C24 #CDCCC0

Calculate the color between two colors, #504C24 and #CDCCC0. 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)

#504C24 - #CDCCC0 | 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 #504C24 as 0% and #CDCCC0 as 100%.

0.0%	0.0% #504C24	RGB 80 76 36	#504C24
16.7%	16.7% #64613E	RGB 100 97 62	#64613E
33.3%	33.3% #797658	RGB 121 118 88	#797658
50.0%	50.0% #8E8C72	RGB 142 140 114	#8E8C72
66.7%	66.7% #A3A18C	RGB 163 161 140	#A3A18C
83.3%	83.3% #B8B6A6	RGB 184 182 166	#B8B6A6
100.0%	100.0% #CDCCC0	RGB 205 204 192	#CDCCC0

#504C24 #64613E #797658 #8E8C72 #A3A18C #B8B6A6 #CDCCC0

#504C24 - #CDCCC0

HSV Blend

#504C24 - #CDCCC0 | 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 #504C24 as 0% and #CDCCC0 as 100%.

0.0%	0.0% #504C24	RGB 80 76 36	#504C24
16.7%	16.7% #646035	RGB 100 96 53	#646035
33.3%	33.3% #79754A	RGB 121 117 74	#79754A
50.0%	50.0% #8E8A62	RGB 142 138 98	#8E8A62
66.7%	66.7% #A3A07E	RGB 163 160 126	#A3A07E
83.3%	83.3% #B8B69D	RGB 184 182 157	#B8B69D
100.0%	100.0% #CDCCC0	RGB 205 204 192	#CDCCC0

#504C24 #646035 #79754A #8E8A62 #A3A07E #B8B69D #CDCCC0

#504C24 - #8E8A62 - #CDCCC0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #504C24 0%, #8E8A62 50%, #CDCCC0 100%);
    background: -webkit-linear-gradient(top, #504C24 0%, #8E8A62 50%, #CDCCC0 100%);
    background: linear-gradient(to bottom, #504C24 0%, #8E8A62 50%, #CDCCC0 100%);
}
</style>