#533B23 - #CDC7C0 | 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 #533B23 to #CDC7C0

#533B23 #CDC7C0

Calculate the color between two colors, #533B23 and #CDC7C0. 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)

#533B23 - #CDC7C0 | 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 #533B23 as 0% and #CDC7C0 as 100%.

0.0%	0.0% #533B23	RGB 83 59 35	#533B23
16.7%	16.7% #67523D	RGB 103 82 61	#67523D
33.3%	33.3% #7B6957	RGB 123 105 87	#7B6957
50.0%	50.0% #908171	RGB 144 129 113	#908171
66.7%	66.7% #A4988B	RGB 164 152 139	#A4988B
83.3%	83.3% #B8AFA5	RGB 184 175 165	#B8AFA5
100.0%	100.0% #CDC7C0	RGB 205 199 192	#CDC7C0

#533B23 #67523D #7B6957 #908171 #A4988B #B8AFA5 #CDC7C0

#533B23 - #CDC7C0

HSV Blend

#533B23 - #CDC7C0 | 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 #533B23 as 0% and #CDC7C0 as 100%.

0.0%	0.0% #533B23	RGB 83 59 35	#533B23
16.7%	16.7% #674E34	RGB 103 78 52	#674E34
33.3%	33.3% #7B6349	RGB 123 99 73	#7B6349
50.0%	50.0% #907961	RGB 144 121 97	#907961
66.7%	66.7% #A4927D	RGB 164 146 125	#A4927D
83.3%	83.3% #B8AB9D	RGB 184 171 157	#B8AB9D
100.0%	100.0% #CDC7C0	RGB 205 199 192	#CDC7C0

#533B23 #674E34 #7B6349 #907961 #A4927D #B8AB9D #CDC7C0

#533B23 - #907961 - #CDC7C0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #533B23 0%, #907961 50%, #CDC7C0 100%);
    background: -webkit-linear-gradient(top, #533B23 0%, #907961 50%, #CDC7C0 100%);
    background: linear-gradient(to bottom, #533B23 0%, #907961 50%, #CDC7C0 100%);
}
</style>