#4F3039 - #CCC3C5 | 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 #4F3039 to #CCC3C5

#4F3039 #CCC3C5

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

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

0.0%	0.0% #4F3039	RGB 79 48 57	#4F3039
16.7%	16.7% #634850	RGB 99 72 80	#634850
33.3%	33.3% #786167	RGB 120 97 103	#786167
50.0%	50.0% #8D797F	RGB 141 121 127	#8D797F
66.7%	66.7% #A29296	RGB 162 146 150	#A29296
83.3%	83.3% #B7AAAD	RGB 183 170 173	#B7AAAD
100.0%	100.0% #CCC3C5	RGB 204 195 197	#CCC3C5

#4F3039 #634850 #786167 #8D797F #A29296 #B7AAAD #CCC3C5

#4F3039 - #CCC3C5

HSV Blend

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

0.0%	0.0% #4F3039	RGB 79 48 57	#4F3039
16.7%	16.7% #63424B	RGB 99 66 75	#63424B
33.3%	33.3% #785760	RGB 120 87 96	#785760
50.0%	50.0% #8D6E76	RGB 141 110 118	#8D6E76
66.7%	66.7% #A2888E	RGB 162 136 142	#A2888E
83.3%	83.3% #B7A4A8	RGB 183 164 168	#B7A4A8
100.0%	100.0% #CCC3C5	RGB 204 195 197	#CCC3C5

#4F3039 #63424B #785760 #8D6E76 #A2888E #B7A4A8 #CCC3C5

#4F3039 - #8D6E76 - #CCC3C5

CSS codes

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

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