#4D4C7F - #CCCBDA | 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 #4D4C7F to #CCCBDA

#4D4C7F #CCCBDA

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

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

0.0%	0.0% #4D4C7F	RGB 77 76 127	#4D4C7F
16.7%	16.7% #62618E	RGB 98 97 142	#62618E
33.3%	33.3% #77769D	RGB 119 118 157	#77769D
50.0%	50.0% #8C8BAC	RGB 140 139 172	#8C8BAC
66.7%	66.7% #A1A0BB	RGB 161 160 187	#A1A0BB
83.3%	83.3% #B6B5CA	RGB 182 181 202	#B6B5CA
100.0%	100.0% #CCCBDA	RGB 204 203 218	#CCCBDA

#4D4C7F #62618E #77769D #8C8BAC #A1A0BB #B6B5CA #CCCBDA

#4D4C7F - #CCCBDA

HSV Blend

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

0.0%	0.0% #4D4C7F	RGB 77 76 127	#4D4C7F
16.7%	16.7% #5E5C8E	RGB 94 92 142	#5E5C8E
33.3%	33.3% #716F9D	RGB 113 111 157	#716F9D
50.0%	50.0% #8583AC	RGB 133 131 172	#8583AC
66.7%	66.7% #9B99BB	RGB 155 153 187	#9B99BB
83.3%	83.3% #B3B1CA	RGB 179 177 202	#B3B1CA
100.0%	100.0% #CCCBDA	RGB 204 203 218	#CCCBDA

#4D4C7F #5E5C8E #716F9D #8583AC #9B99BB #B3B1CA #CCCBDA

#4D4C7F - #8583AC - #CCCBDA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D4C7F 0%, #8583AC 50%, #CCCBDA 100%);
    background: -webkit-linear-gradient(top, #4D4C7F 0%, #8583AC 50%, #CCCBDA 100%);
    background: linear-gradient(to bottom, #4D4C7F 0%, #8583AC 50%, #CCCBDA 100%);
}
</style>