#4D4D6D - #CCCCD5 | 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 #4D4D6D to #CCCCD5

#4D4D6D #CCCCD5

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

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

0.0%	0.0% #4D4D6D	RGB 77 77 109	#4D4D6D
16.7%	16.7% #62627E	RGB 98 98 126	#62627E
33.3%	33.3% #77778F	RGB 119 119 143	#77778F
50.0%	50.0% #8C8CA1	RGB 140 140 161	#8C8CA1
66.7%	66.7% #A1A1B2	RGB 161 161 178	#A1A1B2
83.3%	83.3% #B6B6C3	RGB 182 182 195	#B6B6C3
100.0%	100.0% #CCCCD5	RGB 204 204 213	#CCCCD5

#4D4D6D #62627E #77778F #8C8CA1 #A1A1B2 #B6B6C3 #CCCCD5

#4D4D6D - #CCCCD5

HSV Blend

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

0.0%	0.0% #4D4D6D	RGB 77 77 109	#4D4D6D
16.7%	16.7% #5E5E7E	RGB 94 94 126	#5E5E7E
33.3%	33.3% #71718F	RGB 113 113 143	#71718F
50.0%	50.0% #8585A1	RGB 133 133 161	#8585A1
66.7%	66.7% #9B9BB2	RGB 155 155 178	#9B9BB2
83.3%	83.3% #B3B3C3	RGB 179 179 195	#B3B3C3
100.0%	100.0% #CCCCD5	RGB 204 204 213	#CCCCD5

#4D4D6D #5E5E7E #71718F #8585A1 #9B9BB2 #B3B3C3 #CCCCD5

#4D4D6D - #8585A1 - #CCCCD5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D4D6D 0%, #8585A1 50%, #CCCCD5 100%);
    background: -webkit-linear-gradient(top, #4D4D6D 0%, #8585A1 50%, #CCCCD5 100%);
    background: linear-gradient(to bottom, #4D4D6D 0%, #8585A1 50%, #CCCCD5 100%);
}
</style>