#4D4D7E - #CCCCDA | 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 #4D4D7E to #CCCCDA

#4D4D7E #CCCCDA

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

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

0.0%	0.0% #4D4D7E	RGB 77 77 126	#4D4D7E
16.7%	16.7% #62628D	RGB 98 98 141	#62628D
33.3%	33.3% #77779C	RGB 119 119 156	#77779C
50.0%	50.0% #8C8CAC	RGB 140 140 172	#8C8CAC
66.7%	66.7% #A1A1BB	RGB 161 161 187	#A1A1BB
83.3%	83.3% #B6B6CA	RGB 182 182 202	#B6B6CA
100.0%	100.0% #CCCCDA	RGB 204 204 218	#CCCCDA

#4D4D7E #62628D #77779C #8C8CAC #A1A1BB #B6B6CA #CCCCDA

#4D4D7E - #CCCCDA

HSV Blend

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

0.0%	0.0% #4D4D7E	RGB 77 77 126	#4D4D7E
16.7%	16.7% #5E5E8D	RGB 94 94 141	#5E5E8D
33.3%	33.3% #70709C	RGB 112 112 156	#70709C
50.0%	50.0% #8585AC	RGB 133 133 172	#8585AC
66.7%	66.7% #9B9BBB	RGB 155 155 187	#9B9BBB
83.3%	83.3% #B2B2CA	RGB 178 178 202	#B2B2CA
100.0%	100.0% #CCCCDA	RGB 204 204 218	#CCCCDA

#4D4D7E #5E5E8D #70709C #8585AC #9B9BBB #B2B2CA #CCCCDA

#4D4D7E - #8585AC - #CCCCDA

CSS codes

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

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