#4E5E81 - #CCD1DB | 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 #4E5E81 to #CCD1DB

#4E5E81 #CCD1DB

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

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

0.0%	0.0% #4E5E81	RGB 78 94 129	#4E5E81
16.7%	16.7% #637190	RGB 99 113 144	#637190
33.3%	33.3% #78849F	RGB 120 132 159	#78849F
50.0%	50.0% #8D97AE	RGB 141 151 174	#8D97AE
66.7%	66.7% #A2AABD	RGB 162 170 189	#A2AABD
83.3%	83.3% #B7BDCC	RGB 183 189 204	#B7BDCC
100.0%	100.0% #CCD1DB	RGB 204 209 219	#CCD1DB

#4E5E81 #637190 #78849F #8D97AE #A2AABD #B7BDCC #CCD1DB

#4E5E81 - #CCD1DB

HSV Blend

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

0.0%	0.0% #4E5D81	RGB 78 93 129	#4E5D81
16.7%	16.7% #5E6E90	RGB 94 110 144	#5E6E90
33.3%	33.3% #71809F	RGB 113 128 159	#71809F
50.0%	50.0% #8592AE	RGB 133 146 174	#8592AE
66.7%	66.7% #9BA6BD	RGB 155 166 189	#9BA6BD
83.3%	83.3% #B2BBCC	RGB 178 187 204	#B2BBCC
100.0%	100.0% #CCD1DB	RGB 204 209 219	#CCD1DB

#4E5D81 #5E6E90 #71809F #8592AE #9BA6BD #B2BBCC #CCD1DB

#4E5E81 - #8592AE - #CCD1DB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4E5D81 0%, #8592AE 50%, #CCD1DB 100%);
    background: -webkit-linear-gradient(top, #4E5D81 0%, #8592AE 50%, #CCD1DB 100%);
    background: linear-gradient(to bottom, #4E5D81 0%, #8592AE 50%, #CCD1DB 100%);
}
</style>