#4A5E4D - #CBD1CC | 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 #4A5E4D to #CBD1CC

#4A5E4D #CBD1CC

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

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

0.0%	0.0% #4A5E4D	RGB 74 94 77	#4A5E4D
16.7%	16.7% #5F7162	RGB 95 113 98	#5F7162
33.3%	33.3% #758477	RGB 117 132 119	#758477
50.0%	50.0% #8A978C	RGB 138 151 140	#8A978C
66.7%	66.7% #A0AAA1	RGB 160 170 161	#A0AAA1
83.3%	83.3% #B5BDB6	RGB 181 189 182	#B5BDB6
100.0%	100.0% #CBD1CC	RGB 203 209 204	#CBD1CC

#4A5E4D #5F7162 #758477 #8A978C #A0AAA1 #B5BDB6 #CBD1CC

#4A5E4D - #CBD1CC

HSV Blend

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

0.0%	0.0% #4A5E4D	RGB 74 94 77	#4A5E4D
16.7%	16.7% #5C715F	RGB 92 113 95	#5C715F
33.3%	33.3% #708473	RGB 112 132 115	#708473
50.0%	50.0% #859788	RGB 133 151 136	#859788
66.7%	66.7% #9BAA9D	RGB 155 170 157	#9BAA9D
83.3%	83.3% #B2BDB4	RGB 178 189 180	#B2BDB4
100.0%	100.0% #CBD1CC	RGB 203 209 204	#CBD1CC

#4A5E4D #5C715F #708473 #859788 #9BAA9D #B2BDB4 #CBD1CC

#4A5E4D - #859788 - #CBD1CC

CSS codes

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

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