#4F359E - #CCC5E3 | 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 #4F359E to #CCC5E3

#4F359E #CCC5E3

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

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

0.0%	0.0% #4F359E	RGB 79 53 158	#4F359E
16.7%	16.7% #634DA9	RGB 99 77 169	#634DA9
33.3%	33.3% #7865B5	RGB 120 101 181	#7865B5
50.0%	50.0% #8D7DC0	RGB 141 125 192	#8D7DC0
66.7%	66.7% #A295CC	RGB 162 149 204	#A295CC
83.3%	83.3% #B7ADD7	RGB 183 173 215	#B7ADD7
100.0%	100.0% #CCC5E3	RGB 204 197 227	#CCC5E3

#4F359E #634DA9 #7865B5 #8D7DC0 #A295CC #B7ADD7 #CCC5E3

#4F359E - #CCC5E3

HSV Blend

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

0.0%	0.0% #4F359E	RGB 79 53 158	#4F359E
16.7%	16.7% #5F47A9	RGB 95 71 169	#5F47A9
33.3%	33.3% #725CB5	RGB 114 92 181	#725CB5
50.0%	50.0% #8673C0	RGB 134 115 192	#8673C0
66.7%	66.7% #9B8CCC	RGB 155 140 204	#9B8CCC
83.3%	83.3% #B3A7D7	RGB 179 167 215	#B3A7D7
100.0%	100.0% #CCC5E3	RGB 204 197 227	#CCC5E3

#4F359E #5F47A9 #725CB5 #8673C0 #9B8CCC #B3A7D7 #CCC5E3

#4F359E - #8673C0 - #CCC5E3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4F359E 0%, #8673C0 50%, #CCC5E3 100%);
    background: -webkit-linear-gradient(top, #4F359E 0%, #8673C0 50%, #CCC5E3 100%);
    background: linear-gradient(to bottom, #4F359E 0%, #8673C0 50%, #CCC5E3 100%);
}
</style>