#4E5249 - #CCCDCB | 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 #4E5249 to #CCCDCB

#4E5249 #CCCDCB

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

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

0.0%	0.0% #4E5249	RGB 78 82 73	#4E5249
16.7%	16.7% #63665E	RGB 99 102 94	#63665E
33.3%	33.3% #787B74	RGB 120 123 116	#787B74
50.0%	50.0% #8D8F8A	RGB 141 143 138	#8D8F8A
66.7%	66.7% #A2A49F	RGB 162 164 159	#A2A49F
83.3%	83.3% #B7B8B5	RGB 183 184 181	#B7B8B5
100.0%	100.0% #CCCDCB	RGB 204 205 203	#CCCDCB

#4E5249 #63665E #787B74 #8D8F8A #A2A49F #B7B8B5 #CCCDCB

#4E5249 - #CCCDCB

HSV Blend

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

0.0%	0.0% #4E5249	RGB 78 82 73	#4E5249
16.7%	16.7% #62665C	RGB 98 102 92	#62665C
33.3%	33.3% #767B71	RGB 118 123 113	#767B71
50.0%	50.0% #8B8F86	RGB 139 143 134	#8B8F86
66.7%	66.7% #A0A49C	RGB 160 164 156	#A0A49C
83.3%	83.3% #B6B8B3	RGB 182 184 179	#B6B8B3
100.0%	100.0% #CCCDCB	RGB 204 205 203	#CCCDCB

#4E5249 #62665C #767B71 #8B8F86 #A0A49C #B6B8B3 #CCCDCB

#4E5249 - #8B8F86 - #CCCDCB

CSS codes

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

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