#4D4D71 - #CCCCD6 | 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 #4D4D71 to #CCCCD6

#4D4D71 #CCCCD6

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

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

0.0%	0.0% #4D4D71	RGB 77 77 113	#4D4D71
16.7%	16.7% #626281	RGB 98 98 129	#626281
33.3%	33.3% #777792	RGB 119 119 146	#777792
50.0%	50.0% #8C8CA3	RGB 140 140 163	#8C8CA3
66.7%	66.7% #A1A1B4	RGB 161 161 180	#A1A1B4
83.3%	83.3% #B6B6C5	RGB 182 182 197	#B6B6C5
100.0%	100.0% #CCCCD6	RGB 204 204 214	#CCCCD6

#4D4D71 #626281 #777792 #8C8CA3 #A1A1B4 #B6B6C5 #CCCCD6

#4D4D71 - #CCCCD6

HSV Blend

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

0.0%	0.0% #4D4D71	RGB 77 77 113	#4D4D71
16.7%	16.7% #5E5E81	RGB 94 94 129	#5E5E81
33.3%	33.3% #717192	RGB 113 113 146	#717192
50.0%	50.0% #8585A3	RGB 133 133 163	#8585A3
66.7%	66.7% #9B9BB4	RGB 155 155 180	#9B9BB4
83.3%	83.3% #B3B3C5	RGB 179 179 197	#B3B3C5
100.0%	100.0% #CCCCD6	RGB 204 204 214	#CCCCD6

#4D4D71 #5E5E81 #717192 #8585A3 #9B9BB4 #B3B3C5 #CCCCD6

#4D4D71 - #8585A3 - #CCCCD6

CSS codes

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

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