#4E6C7D - #CCD4D9 | 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 #4E6C7D to #CCD4D9

#4E6C7D #CCD4D9

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

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

0.0%	0.0% #4E6C7D	RGB 78 108 125	#4E6C7D
16.7%	16.7% #637D8C	RGB 99 125 140	#637D8C
33.3%	33.3% #788E9B	RGB 120 142 155	#788E9B
50.0%	50.0% #8DA0AB	RGB 141 160 171	#8DA0AB
66.7%	66.7% #A2B1BA	RGB 162 177 186	#A2B1BA
83.3%	83.3% #B7C2C9	RGB 183 194 201	#B7C2C9
100.0%	100.0% #CCD4D9	RGB 204 212 217	#CCD4D9

#4E6C7D #637D8C #788E9B #8DA0AB #A2B1BA #B7C2C9 #CCD4D9

#4E6C7D - #CCD4D9

HSV Blend

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

0.0%	0.0% #4E6C7D	RGB 78 108 125	#4E6C7D
16.7%	16.7% #5E7B8C	RGB 94 123 140	#5E7B8C
33.3%	33.3% #718C9B	RGB 113 140 155	#718C9B
50.0%	50.0% #859DAB	RGB 133 157 171	#859DAB
66.7%	66.7% #9BAEBA	RGB 155 174 186	#9BAEBA
83.3%	83.3% #B2C1C9	RGB 178 193 201	#B2C1C9
100.0%	100.0% #CCD4D9	RGB 204 212 217	#CCD4D9

#4E6C7D #5E7B8C #718C9B #859DAB #9BAEBA #B2C1C9 #CCD4D9

#4E6C7D - #859DAB - #CCD4D9

CSS codes

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

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