#480E5E - #CABAD1 | 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 #480E5E to #CABAD1

#480E5E #CABAD1

Calculate the color between two colors, #480E5E and #CABAD1. 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)

#480E5E - #CABAD1 | 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 #480E5E as 0% and #CABAD1 as 100%.

0.0%	0.0% #480E5E	RGB 72 14 94	#480E5E
16.7%	16.7% #5D2A71	RGB 93 42 113	#5D2A71
33.3%	33.3% #734784	RGB 115 71 132	#734784
50.0%	50.0% #896497	RGB 137 100 151	#896497
66.7%	66.7% #9E80AA	RGB 158 128 170	#9E80AA
83.3%	83.3% #B49DBD	RGB 180 157 189	#B49DBD
100.0%	100.0% #CABAD1	RGB 202 186 209	#CABAD1

#480E5E #5D2A71 #734784 #896497 #9E80AA #B49DBD #CABAD1

#480E5E - #CABAD1

HSV Blend

#480E5E - #CABAD1 | 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 #480E5E as 0% and #CABAD1 as 100%.

0.0%	0.0% #480D5E	RGB 72 13 94	#480D5E
16.7%	16.7% #5A1E71	RGB 90 30 113	#5A1E71
33.3%	33.3% #6D3484	RGB 109 52 132	#6D3484
50.0%	50.0% #824E97	RGB 130 78 151	#824E97
66.7%	66.7% #986DAA	RGB 152 109 170	#986DAA
83.3%	83.3% #B091BD	RGB 176 145 189	#B091BD
100.0%	100.0% #CABAD1	RGB 202 186 209	#CABAD1

#480D5E #5A1E71 #6D3484 #824E97 #986DAA #B091BD #CABAD1

#480E5E - #824E97 - #CABAD1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #480D5E 0%, #824E97 50%, #CABAD1 100%);
    background: -webkit-linear-gradient(top, #480D5E 0%, #824E97 50%, #CABAD1 100%);
    background: linear-gradient(to bottom, #480D5E 0%, #824E97 50%, #CABAD1 100%);
}
</style>