#504B23 - #CDCBC0 | 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 #504B23 to #CDCBC0

#504B23 #CDCBC0

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

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

0.0%	0.0% #504B23	RGB 80 75 35	#504B23
16.7%	16.7% #64603D	RGB 100 96 61	#64603D
33.3%	33.3% #797557	RGB 121 117 87	#797557
50.0%	50.0% #8E8B71	RGB 142 139 113	#8E8B71
66.7%	66.7% #A3A08B	RGB 163 160 139	#A3A08B
83.3%	83.3% #B8B5A5	RGB 184 181 165	#B8B5A5
100.0%	100.0% #CDCBC0	RGB 205 203 192	#CDCBC0

#504B23 #64603D #797557 #8E8B71 #A3A08B #B8B5A5 #CDCBC0

#504B23 - #CDCBC0

HSV Blend

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

0.0%	0.0% #504B23	RGB 80 75 35	#504B23
16.7%	16.7% #645F34	RGB 100 95 52	#645F34
33.3%	33.3% #797349	RGB 121 115 73	#797349
50.0%	50.0% #8E8861	RGB 142 136 97	#8E8861
66.7%	66.7% #A39E7D	RGB 163 158 125	#A39E7D
83.3%	83.3% #B8B49D	RGB 184 180 157	#B8B49D
100.0%	100.0% #CDCBC0	RGB 205 203 192	#CDCBC0

#504B23 #645F34 #797349 #8E8861 #A39E7D #B8B49D #CDCBC0

#504B23 - #8E8861 - #CDCBC0

CSS codes

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

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