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

#4E6B7B #CCD4D9

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

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

0.0%	0.0% #4E6B7B	RGB 78 107 123	#4E6B7B
16.7%	16.7% #637C8A	RGB 99 124 138	#637C8A
33.3%	33.3% #788E9A	RGB 120 142 154	#788E9A
50.0%	50.0% #8D9FAA	RGB 141 159 170	#8D9FAA
66.7%	66.7% #A2B1B9	RGB 162 177 185	#A2B1B9
83.3%	83.3% #B7C2C9	RGB 183 194 201	#B7C2C9
100.0%	100.0% #CCD4D9	RGB 204 212 217	#CCD4D9

#4E6B7B #637C8A #788E9A #8D9FAA #A2B1B9 #B7C2C9 #CCD4D9

#4E6B7B - #CCD4D9

HSV Blend

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

0.0%	0.0% #4E6B7B	RGB 78 107 123	#4E6B7B
16.7%	16.7% #5F7A8A	RGB 95 122 138	#5F7A8A
33.3%	33.3% #718B9A	RGB 113 139 154	#718B9A
50.0%	50.0% #859CAA	RGB 133 156 170	#859CAA
66.7%	66.7% #9BAEB9	RGB 155 174 185	#9BAEB9
83.3%	83.3% #B3C0C9	RGB 179 192 201	#B3C0C9
100.0%	100.0% #CCD4D9	RGB 204 212 217	#CCD4D9

#4E6B7B #5F7A8A #718B9A #859CAA #9BAEB9 #B3C0C9 #CCD4D9

#4E6B7B - #859CAA - #CCD4D9

CSS codes

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

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