#4F596B - #CCCFD4 | 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 #4F596B to #CCCFD4

#4F596B #CCCFD4

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

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

0.0%	0.0% #4F596B	RGB 79 89 107	#4F596B
16.7%	16.7% #636C7C	RGB 99 108 124	#636C7C
33.3%	33.3% #78808E	RGB 120 128 142	#78808E
50.0%	50.0% #8D949F	RGB 141 148 159	#8D949F
66.7%	66.7% #A2A7B1	RGB 162 167 177	#A2A7B1
83.3%	83.3% #B7BBC2	RGB 183 187 194	#B7BBC2
100.0%	100.0% #CCCFD4	RGB 204 207 212	#CCCFD4

#4F596B #636C7C #78808E #8D949F #A2A7B1 #B7BBC2 #CCCFD4

#4F596B - #CCCFD4

HSV Blend

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

0.0%	0.0% #4F596B	RGB 79 89 107	#4F596B
16.7%	16.7% #606A7C	RGB 96 106 124	#606A7C
33.3%	33.3% #737D8E	RGB 115 125 142	#737D8E
50.0%	50.0% #87909F	RGB 135 144 159	#87909F
66.7%	66.7% #9DA4B1	RGB 157 164 177	#9DA4B1
83.3%	83.3% #B3B9C2	RGB 179 185 194	#B3B9C2
100.0%	100.0% #CCCFD4	RGB 204 207 212	#CCCFD4

#4F596B #606A7C #737D8E #87909F #9DA4B1 #B3B9C2 #CCCFD4

#4F596B - #87909F - #CCCFD4

CSS codes

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

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