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

#4E697B #CCD4D9

Calculate the color between two colors, #4E697B 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)

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

0.0%	0.0% #4E697B	RGB 78 105 123	#4E697B
16.7%	16.7% #637A8A	RGB 99 122 138	#637A8A
33.3%	33.3% #788C9A	RGB 120 140 154	#788C9A
50.0%	50.0% #8D9EAA	RGB 141 158 170	#8D9EAA
66.7%	66.7% #A2B0B9	RGB 162 176 185	#A2B0B9
83.3%	83.3% #B7C2C9	RGB 183 194 201	#B7C2C9
100.0%	100.0% #CCD4D9	RGB 204 212 217	#CCD4D9

#4E697B #637A8A #788C9A #8D9EAA #A2B0B9 #B7C2C9 #CCD4D9

#4E697B - #CCD4D9

HSV Blend

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

0.0%	0.0% #4E697B	RGB 78 105 123	#4E697B
16.7%	16.7% #5F798A	RGB 95 121 138	#5F798A
33.3%	33.3% #718A9A	RGB 113 138 154	#718A9A
50.0%	50.0% #859BAA	RGB 133 155 170	#859BAA
66.7%	66.7% #9BADB9	RGB 155 173 185	#9BADB9
83.3%	83.3% #B3C0C9	RGB 179 192 201	#B3C0C9
100.0%	100.0% #CCD4D9	RGB 204 212 217	#CCD4D9

#4E697B #5F798A #718A9A #859BAA #9BADB9 #B3C0C9 #CCD4D9

#4E697B - #859BAA - #CCD4D9

CSS codes

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

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