#4D4C91 - #CBCBDF | 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 #4D4C91 to #CBCBDF

#4D4C91 #CBCBDF

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

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

0.0%	0.0% #4D4C91	RGB 77 76 145	#4D4C91
16.7%	16.7% #62619E	RGB 98 97 158	#62619E
33.3%	33.3% #7776AB	RGB 119 118 171	#7776AB
50.0%	50.0% #8C8BB8	RGB 140 139 184	#8C8BB8
66.7%	66.7% #A1A0C5	RGB 161 160 197	#A1A0C5
83.3%	83.3% #B6B5D2	RGB 182 181 210	#B6B5D2
100.0%	100.0% #CBCBDF	RGB 203 203 223	#CBCBDF

#4D4C91 #62619E #7776AB #8C8BB8 #A1A0C5 #B6B5D2 #CBCBDF

#4D4C91 - #CBCBDF

HSV Blend

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

0.0%	0.0% #4C4C91	RGB 76 76 145	#4C4C91
16.7%	16.7% #5D5C9E	RGB 93 92 158	#5D5C9E
33.3%	33.3% #706FAB	RGB 112 111 171	#706FAB
50.0%	50.0% #8483B8	RGB 132 131 184	#8483B8
66.7%	66.7% #9A99C5	RGB 154 153 197	#9A99C5
83.3%	83.3% #B1B1D2	RGB 177 177 210	#B1B1D2
100.0%	100.0% #CBCBDF	RGB 203 203 223	#CBCBDF

#4C4C91 #5D5C9E #706FAB #8483B8 #9A99C5 #B1B1D2 #CBCBDF

#4D4C91 - #8483B8 - #CBCBDF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4C4C91 0%, #8483B8 50%, #CBCBDF 100%);
    background: -webkit-linear-gradient(top, #4C4C91 0%, #8483B8 50%, #CBCBDF 100%);
    background: linear-gradient(to bottom, #4C4C91 0%, #8483B8 50%, #CBCBDF 100%);
}
</style>