#4D368B - #CCC5DD | 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 #4D368B to #CCC5DD

#4D368B #CCC5DD

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

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

0.0%	0.0% #4D368B	RGB 77 54 139	#4D368B
16.7%	16.7% #624D98	RGB 98 77 152	#624D98
33.3%	33.3% #7765A6	RGB 119 101 166	#7765A6
50.0%	50.0% #8C7DB4	RGB 140 125 180	#8C7DB4
66.7%	66.7% #A195C1	RGB 161 149 193	#A195C1
83.3%	83.3% #B6ADCF	RGB 182 173 207	#B6ADCF
100.0%	100.0% #CCC5DD	RGB 204 197 221	#CCC5DD

#4D368B #624D98 #7765A6 #8C7DB4 #A195C1 #B6ADCF #CCC5DD

#4D368B - #CCC5DD

HSV Blend

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

0.0%	0.0% #4D368B	RGB 77 54 139	#4D368B
16.7%	16.7% #5E4898	RGB 94 72 152	#5E4898
33.3%	33.3% #705CA6	RGB 112 92 166	#705CA6
50.0%	50.0% #8573B4	RGB 133 115 180	#8573B4
66.7%	66.7% #9B8CC1	RGB 155 140 193	#9B8CC1
83.3%	83.3% #B2A7CF	RGB 178 167 207	#B2A7CF
100.0%	100.0% #CCC5DD	RGB 204 197 221	#CCC5DD

#4D368B #5E4898 #705CA6 #8573B4 #9B8CC1 #B2A7CF #CCC5DD

#4D368B - #8573B4 - #CCC5DD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D368B 0%, #8573B4 50%, #CCC5DD 100%);
    background: -webkit-linear-gradient(top, #4D368B 0%, #8573B4 50%, #CCC5DD 100%);
    background: linear-gradient(to bottom, #4D368B 0%, #8573B4 50%, #CCC5DD 100%);
}
</style>