#4C5B6B - #CBCFD4 | 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 #4C5B6B to #CBCFD4

#4C5B6B #CBCFD4

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

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

0.0%	0.0% #4C5B6B	RGB 76 91 107	#4C5B6B
16.7%	16.7% #616E7C	RGB 97 110 124	#616E7C
33.3%	33.3% #76818E	RGB 118 129 142	#76818E
50.0%	50.0% #8B959F	RGB 139 149 159	#8B959F
66.7%	66.7% #A0A8B1	RGB 160 168 177	#A0A8B1
83.3%	83.3% #B5BBC2	RGB 181 187 194	#B5BBC2
100.0%	100.0% #CBCFD4	RGB 203 207 212	#CBCFD4

#4C5B6B #616E7C #76818E #8B959F #A0A8B1 #B5BBC2 #CBCFD4

#4C5B6B - #CBCFD4

HSV Blend

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

0.0%	0.0% #4C5B6B	RGB 76 91 107	#4C5B6B
16.7%	16.7% #5D6C7C	RGB 93 108 124	#5D6C7C
33.3%	33.3% #707E8E	RGB 112 126 142	#707E8E
50.0%	50.0% #85919F	RGB 133 145 159	#85919F
66.7%	66.7% #9AA5B1	RGB 154 165 177	#9AA5B1
83.3%	83.3% #B2B9C2	RGB 178 185 194	#B2B9C2
100.0%	100.0% #CBCFD4	RGB 203 207 212	#CBCFD4

#4C5B6B #5D6C7C #707E8E #85919F #9AA5B1 #B2B9C2 #CBCFD4

#4C5B6B - #85919F - #CBCFD4

CSS codes

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

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