#504E31 - #CDCCC4 | 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 #504E31 to #CDCCC4

#504E31 #CDCCC4

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

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

0.0%	0.0% #504E31	RGB 80 78 49	#504E31
16.7%	16.7% #646349	RGB 100 99 73	#646349
33.3%	33.3% #797862	RGB 121 120 98	#797862
50.0%	50.0% #8E8D7A	RGB 142 141 122	#8E8D7A
66.7%	66.7% #A3A293	RGB 163 162 147	#A3A293
83.3%	83.3% #B8B7AB	RGB 184 183 171	#B8B7AB
100.0%	100.0% #CDCCC4	RGB 205 204 196	#CDCCC4

#504E31 #646349 #797862 #8E8D7A #A3A293 #B8B7AB #CDCCC4

#504E31 - #CDCCC4

HSV Blend

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

0.0%	0.0% #504E31	RGB 80 78 49	#504E31
16.7%	16.7% #646243	RGB 100 98 67	#646243
33.3%	33.3% #797758	RGB 121 119 88	#797758
50.0%	50.0% #8E8B6F	RGB 142 139 111	#8E8B6F
66.7%	66.7% #A3A089	RGB 163 160 137	#A3A089
83.3%	83.3% #B8B6A5	RGB 184 182 165	#B8B6A5
100.0%	100.0% #CDCCC4	RGB 205 204 196	#CDCCC4

#504E31 #646243 #797758 #8E8B6F #A3A089 #B8B6A5 #CDCCC4

#504E31 - #8E8B6F - #CDCCC4

CSS codes

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

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