#48359E - #CAC5E3 | 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 #48359E to #CAC5E3

#48359E #CAC5E3

Calculate the color between two colors, #48359E and #CAC5E3. 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)

#48359E - #CAC5E3 | 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 #48359E as 0% and #CAC5E3 as 100%.

0.0%	0.0% #48359E	RGB 72 53 158	#48359E
16.7%	16.7% #5D4DA9	RGB 93 77 169	#5D4DA9
33.3%	33.3% #7365B5	RGB 115 101 181	#7365B5
50.0%	50.0% #897DC0	RGB 137 125 192	#897DC0
66.7%	66.7% #9E95CC	RGB 158 149 204	#9E95CC
83.3%	83.3% #B4ADD7	RGB 180 173 215	#B4ADD7
100.0%	100.0% #CAC5E3	RGB 202 197 227	#CAC5E3

#48359E #5D4DA9 #7365B5 #897DC0 #9E95CC #B4ADD7 #CAC5E3

#48359E - #CAC5E3

HSV Blend

#48359E - #CAC5E3 | 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 #48359E as 0% and #CAC5E3 as 100%.

0.0%	0.0% #48359E	RGB 72 53 158	#48359E
16.7%	16.7% #5947A9	RGB 89 71 169	#5947A9
33.3%	33.3% #6C5CB5	RGB 108 92 181	#6C5CB5
50.0%	50.0% #8173C0	RGB 129 115 192	#8173C0
66.7%	66.7% #978CCC	RGB 151 140 204	#978CCC
83.3%	83.3% #AFA7D7	RGB 175 167 215	#AFA7D7
100.0%	100.0% #CAC5E3	RGB 202 197 227	#CAC5E3

#48359E #5947A9 #6C5CB5 #8173C0 #978CCC #AFA7D7 #CAC5E3

#48359E - #8173C0 - #CAC5E3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #48359E 0%, #8173C0 50%, #CAC5E3 100%);
    background: -webkit-linear-gradient(top, #48359E 0%, #8173C0 50%, #CAC5E3 100%);
    background: linear-gradient(to bottom, #48359E 0%, #8173C0 50%, #CAC5E3 100%);
}
</style>