#4D4C9A - #CCCBE2 | 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 #4D4C9A to #CCCBE2

#4D4C9A #CCCBE2

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

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

0.0%	0.0% #4D4C9A	RGB 77 76 154	#4D4C9A
16.7%	16.7% #6261A6	RGB 98 97 166	#6261A6
33.3%	33.3% #7776B2	RGB 119 118 178	#7776B2
50.0%	50.0% #8C8BBE	RGB 140 139 190	#8C8BBE
66.7%	66.7% #A1A0CA	RGB 161 160 202	#A1A0CA
83.3%	83.3% #B6B5D6	RGB 182 181 214	#B6B5D6
100.0%	100.0% #CCCBE2	RGB 204 203 226	#CCCBE2

#4D4C9A #6261A6 #7776B2 #8C8BBE #A1A0CA #B6B5D6 #CCCBE2

#4D4C9A - #CCCBE2

HSV Blend

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

0.0%	0.0% #4C4C9A	RGB 76 76 154	#4C4C9A
16.7%	16.7% #5E5DA6	RGB 94 93 166	#5E5DA6
33.3%	33.3% #716FB2	RGB 113 111 178	#716FB2
50.0%	50.0% #8584BE	RGB 133 132 190	#8584BE
66.7%	66.7% #9B9ACA	RGB 155 154 202	#9B9ACA
83.3%	83.3% #B3B1D6	RGB 179 177 214	#B3B1D6
100.0%	100.0% #CCCBE2	RGB 204 203 226	#CCCBE2

#4C4C9A #5E5DA6 #716FB2 #8584BE #9B9ACA #B3B1D6 #CCCBE2

#4D4C9A - #8584BE - #CCCBE2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4C4C9A 0%, #8584BE 50%, #CCCBE2 100%);
    background: -webkit-linear-gradient(top, #4C4C9A 0%, #8584BE 50%, #CCCBE2 100%);
    background: linear-gradient(to bottom, #4C4C9A 0%, #8584BE 50%, #CCCBE2 100%);
}
</style>