#4F5E4C - #CCD1CB | 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 #4F5E4C to #CCD1CB

#4F5E4C #CCD1CB

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

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

0.0%	0.0% #4F5E4C	RGB 79 94 76	#4F5E4C
16.7%	16.7% #637161	RGB 99 113 97	#637161
33.3%	33.3% #788476	RGB 120 132 118	#788476
50.0%	50.0% #8D978B	RGB 141 151 139	#8D978B
66.7%	66.7% #A2AAA0	RGB 162 170 160	#A2AAA0
83.3%	83.3% #B7BDB5	RGB 183 189 181	#B7BDB5
100.0%	100.0% #CCD1CB	RGB 204 209 203	#CCD1CB

#4F5E4C #637161 #788476 #8D978B #A2AAA0 #B7BDB5 #CCD1CB

#4F5E4C - #CCD1CB

HSV Blend

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

0.0%	0.0% #4F5E4C	RGB 79 94 76	#4F5E4C
16.7%	16.7% #61715E	RGB 97 113 94	#61715E
33.3%	33.3% #758472	RGB 117 132 114	#758472
50.0%	50.0% #899786	RGB 137 151 134	#899786
66.7%	66.7% #9EAA9C	RGB 158 170 156	#9EAA9C
83.3%	83.3% #B5BDB3	RGB 181 189 179	#B5BDB3
100.0%	100.0% #CCD1CB	RGB 204 209 203	#CCD1CB

#4F5E4C #61715E #758472 #899786 #9EAA9C #B5BDB3 #CCD1CB

#4F5E4C - #899786 - #CCD1CB

CSS codes

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

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