#503F24 - #CDC6C0 | 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 #503F24 to #CDC6C0

#503F24 #CDC6C0

Calculate the color between two colors, #503F24 and #CDC6C0. 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)

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

0.0%	0.0% #503F24	RGB 80 63 36	#503F24
16.7%	16.7% #64553E	RGB 100 85 62	#64553E
33.3%	33.3% #796C58	RGB 121 108 88	#796C58
50.0%	50.0% #8E8272	RGB 142 130 114	#8E8272
66.7%	66.7% #A3998C	RGB 163 153 140	#A3998C
83.3%	83.3% #B8AFA6	RGB 184 175 166	#B8AFA6
100.0%	100.0% #CDC6C0	RGB 205 198 192	#CDC6C0

#503F24 #64553E #796C58 #8E8272 #A3998C #B8AFA6 #CDC6C0

#503F24 - #CDC6C0

HSV Blend

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

0.0%	0.0% #503F24	RGB 80 63 36	#503F24
16.7%	16.7% #645135	RGB 100 81 53	#645135
33.3%	33.3% #79654A	RGB 121 101 74	#79654A
50.0%	50.0% #8E7A62	RGB 142 122 98	#8E7A62
66.7%	66.7% #A3917E	RGB 163 145 126	#A3917E
83.3%	83.3% #B8AA9D	RGB 184 170 157	#B8AA9D
100.0%	100.0% #CDC6C0	RGB 205 198 192	#CDC6C0

#503F24 #645135 #79654A #8E7A62 #A3917E #B8AA9D #CDC6C0

#503F24 - #8E7A62 - #CDC6C0

CSS codes

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

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