#4E5E7D - #CCD1D9 | 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 #4E5E7D to #CCD1D9

#4E5E7D #CCD1D9

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

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

0.0%	0.0% #4E5E7D	RGB 78 94 125	#4E5E7D
16.7%	16.7% #63718C	RGB 99 113 140	#63718C
33.3%	33.3% #78849B	RGB 120 132 155	#78849B
50.0%	50.0% #8D97AB	RGB 141 151 171	#8D97AB
66.7%	66.7% #A2AABA	RGB 162 170 186	#A2AABA
83.3%	83.3% #B7BDC9	RGB 183 189 201	#B7BDC9
100.0%	100.0% #CCD1D9	RGB 204 209 217	#CCD1D9

#4E5E7D #63718C #78849B #8D97AB #A2AABA #B7BDC9 #CCD1D9

#4E5E7D - #CCD1D9

HSV Blend

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

0.0%	0.0% #4E5E7D	RGB 78 94 125	#4E5E7D
16.7%	16.7% #5E6E8C	RGB 94 110 140	#5E6E8C
33.3%	33.3% #71809B	RGB 113 128 155	#71809B
50.0%	50.0% #8593AB	RGB 133 147 171	#8593AB
66.7%	66.7% #9BA6BA	RGB 155 166 186	#9BA6BA
83.3%	83.3% #B2BBC9	RGB 178 187 201	#B2BBC9
100.0%	100.0% #CCD1D9	RGB 204 209 217	#CCD1D9

#4E5E7D #5E6E8C #71809B #8593AB #9BA6BA #B2BBC9 #CCD1D9

#4E5E7D - #8593AB - #CCD1D9

CSS codes

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

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