#4E5E6E - #CCD0D5 | 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 #4E5E6E to #CCD0D5

#4E5E6E #CCD0D5

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

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

0.0%	0.0% #4E5E6E	RGB 78 94 110	#4E5E6E
16.7%	16.7% #63717F	RGB 99 113 127	#63717F
33.3%	33.3% #788490	RGB 120 132 144	#788490
50.0%	50.0% #8D97A1	RGB 141 151 161	#8D97A1
66.7%	66.7% #A2AAB2	RGB 162 170 178	#A2AAB2
83.3%	83.3% #B7BDC3	RGB 183 189 195	#B7BDC3
100.0%	100.0% #CCD0D5	RGB 204 208 213	#CCD0D5

#4E5E6E #63717F #788490 #8D97A1 #A2AAB2 #B7BDC3 #CCD0D5

#4E5E6E - #CCD0D5

HSV Blend

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

0.0%	0.0% #4E5E6E	RGB 78 94 110	#4E5E6E
16.7%	16.7% #5F6F7F	RGB 95 111 127	#5F6F7F
33.3%	33.3% #728090	RGB 114 128 144	#728090
50.0%	50.0% #8693A1	RGB 134 147 161	#8693A1
66.7%	66.7% #9CA6B2	RGB 156 166 178	#9CA6B2
83.3%	83.3% #B3BAC3	RGB 179 186 195	#B3BAC3
100.0%	100.0% #CCD0D5	RGB 204 208 213	#CCD0D5

#4E5E6E #5F6F7F #728090 #8693A1 #9CA6B2 #B3BAC3 #CCD0D5

#4E5E6E - #8693A1 - #CCD0D5

CSS codes

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

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