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

#504D31 #CDCCC4

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

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

0.0%	0.0% #504D31	RGB 80 77 49	#504D31
16.7%	16.7% #646249	RGB 100 98 73	#646249
33.3%	33.3% #797762	RGB 121 119 98	#797762
50.0%	50.0% #8E8C7A	RGB 142 140 122	#8E8C7A
66.7%	66.7% #A3A193	RGB 163 161 147	#A3A193
83.3%	83.3% #B8B6AB	RGB 184 182 171	#B8B6AB
100.0%	100.0% #CDCCC4	RGB 205 204 196	#CDCCC4

#504D31 #646249 #797762 #8E8C7A #A3A193 #B8B6AB #CDCCC4

#504D31 - #CDCCC4

HSV Blend

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

0.0%	0.0% #504D31	RGB 80 77 49	#504D31
16.7%	16.7% #646143	RGB 100 97 67	#646143
33.3%	33.3% #797658	RGB 121 118 88	#797658
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

#504D31 #646143 #797658 #8E8B6F #A3A089 #B8B6A5 #CDCCC4

#504D31 - #8E8B6F - #CDCCC4

CSS codes

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

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