#4D566D - #CCCED5 | 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 #4D566D to #CCCED5

#4D566D #CCCED5

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

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

0.0%	0.0% #4D566D	RGB 77 86 109	#4D566D
16.7%	16.7% #626A7E	RGB 98 106 126	#626A7E
33.3%	33.3% #777E8F	RGB 119 126 143	#777E8F
50.0%	50.0% #8C92A1	RGB 140 146 161	#8C92A1
66.7%	66.7% #A1A6B2	RGB 161 166 178	#A1A6B2
83.3%	83.3% #B6BAC3	RGB 182 186 195	#B6BAC3
100.0%	100.0% #CCCED5	RGB 204 206 213	#CCCED5

#4D566D #626A7E #777E8F #8C92A1 #A1A6B2 #B6BAC3 #CCCED5

#4D566D - #CCCED5

HSV Blend

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

0.0%	0.0% #4D566D	RGB 77 86 109	#4D566D
16.7%	16.7% #5E677E	RGB 94 103 126	#5E677E
33.3%	33.3% #71798F	RGB 113 121 143	#71798F
50.0%	50.0% #858CA1	RGB 133 140 161	#858CA1
66.7%	66.7% #9BA1B2	RGB 155 161 178	#9BA1B2
83.3%	83.3% #B3B7C3	RGB 179 183 195	#B3B7C3
100.0%	100.0% #CCCED5	RGB 204 206 213	#CCCED5

#4D566D #5E677E #71798F #858CA1 #9BA1B2 #B3B7C3 #CCCED5

#4D566D - #858CA1 - #CCCED5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D566D 0%, #858CA1 50%, #CCCED5 100%);
    background: -webkit-linear-gradient(top, #4D566D 0%, #858CA1 50%, #CCCED5 100%);
    background: linear-gradient(to bottom, #4D566D 0%, #858CA1 50%, #CCCED5 100%);
}
</style>