#4D511B - #CCCDBD | 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 #4D511B to #CCCDBD

#4D511B #CCCDBD

Calculate the color between two colors, #4D511B and #CCCDBD. 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)

#4D511B - #CCCDBD | 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 #4D511B as 0% and #CCCDBD as 100%.

0.0%	0.0% #4D511B	RGB 77 81 27	#4D511B
16.7%	16.7% #626536	RGB 98 101 54	#626536
33.3%	33.3% #777A51	RGB 119 122 81	#777A51
50.0%	50.0% #8C8F6C	RGB 140 143 108	#8C8F6C
66.7%	66.7% #A1A387	RGB 161 163 135	#A1A387
83.3%	83.3% #B6B8A2	RGB 182 184 162	#B6B8A2
100.0%	100.0% #CCCDBD	RGB 204 205 189	#CCCDBD

#4D511B #626536 #777A51 #8C8F6C #A1A387 #B6B8A2 #CCCDBD

#4D511B - #CCCDBD

HSV Blend

#4D511B - #CCCDBD | 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 #4D511B as 0% and #CCCDBD as 100%.

0.0%	0.0% #4D511B	RGB 77 81 27	#4D511B
16.7%	16.7% #61652B	RGB 97 101 43	#61652B
33.3%	33.3% #767A40	RGB 118 122 64	#767A40
50.0%	50.0% #8B8F59	RGB 139 143 89	#8B8F59
66.7%	66.7% #A0A376	RGB 160 163 118	#A0A376
83.3%	83.3% #B6B897	RGB 182 184 151	#B6B897
100.0%	100.0% #CCCDBD	RGB 204 205 189	#CCCDBD

#4D511B #61652B #767A40 #8B8F59 #A0A376 #B6B897 #CCCDBD

#4D511B - #8B8F59 - #CCCDBD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D511B 0%, #8B8F59 50%, #CCCDBD 100%);
    background: -webkit-linear-gradient(top, #4D511B 0%, #8B8F59 50%, #CCCDBD 100%);
    background: linear-gradient(to bottom, #4D511B 0%, #8B8F59 50%, #CCCDBD 100%);
}
</style>