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

#504F24 #CDCCC0

Calculate the color between two colors, #504F24 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)

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

0.0%	0.0% #504F24	RGB 80 79 36	#504F24
16.7%	16.7% #64633E	RGB 100 99 62	#64633E
33.3%	33.3% #797858	RGB 121 120 88	#797858
50.0%	50.0% #8E8D72	RGB 142 141 114	#8E8D72
66.7%	66.7% #A3A28C	RGB 163 162 140	#A3A28C
83.3%	83.3% #B8B7A6	RGB 184 183 166	#B8B7A6
100.0%	100.0% #CDCCC0	RGB 205 204 192	#CDCCC0

#504F24 #64633E #797858 #8E8D72 #A3A28C #B8B7A6 #CDCCC0

#504F24 - #CDCCC0

HSV Blend

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

0.0%	0.0% #504F24	RGB 80 79 36	#504F24
16.7%	16.7% #646335	RGB 100 99 53	#646335
33.3%	33.3% #79774A	RGB 121 119 74	#79774A
50.0%	50.0% #8E8C62	RGB 142 140 98	#8E8C62
66.7%	66.7% #A3A17E	RGB 163 161 126	#A3A17E
83.3%	83.3% #B8B69D	RGB 184 182 157	#B8B69D
100.0%	100.0% #CDCCC0	RGB 205 204 192	#CDCCC0

#504F24 #646335 #79774A #8E8C62 #A3A17E #B8B69D #CDCCC0

#504F24 - #8E8C62 - #CDCCC0

CSS codes

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

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