#5215B9 - #CDBCEB | 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 #5215B9 to #CDBCEB

#5215B9 #CDBCEB

Calculate the color between two colors, #5215B9 and #CDBCEB. 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)

#5215B9 - #CDBCEB | 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 #5215B9 as 0% and #CDBCEB as 100%.

0.0%	0.0% #5215B9	RGB 82 21 185	#5215B9
16.7%	16.7% #6630C1	RGB 102 48 193	#6630C1
33.3%	33.3% #7B4CC9	RGB 123 76 201	#7B4CC9
50.0%	50.0% #8F68D2	RGB 143 104 210	#8F68D2
66.7%	66.7% #A484DA	RGB 164 132 218	#A484DA
83.3%	83.3% #B8A0E2	RGB 184 160 226	#B8A0E2
100.0%	100.0% #CDBCEB	RGB 205 188 235	#CDBCEB

#5215B9 #6630C1 #7B4CC9 #8F68D2 #A484DA #B8A0E2 #CDBCEB

#5215B9 - #CDBCEB

HSV Blend

#5215B9 - #CDBCEB | 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 #5215B9 as 0% and #CDBCEB as 100%.

0.0%	0.0% #5215B9	RGB 82 21 185	#5215B9
16.7%	16.7% #632CC1	RGB 99 44 193	#632CC1
33.3%	33.3% #7545C9	RGB 117 69 201	#7545C9
50.0%	50.0% #895FD2	RGB 137 95 210	#895FD2
66.7%	66.7% #9E7CDA	RGB 158 124 218	#9E7CDA
83.3%	83.3% #B59BE2	RGB 181 155 226	#B59BE2
100.0%	100.0% #CDBCEB	RGB 205 188 235	#CDBCEB

#5215B9 #632CC1 #7545C9 #895FD2 #9E7CDA #B59BE2 #CDBCEB

#5215B9 - #895FD2 - #CDBCEB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5215B9 0%, #895FD2 50%, #CDBCEB 100%);
    background: -webkit-linear-gradient(top, #5215B9 0%, #895FD2 50%, #CDBCEB 100%);
    background: linear-gradient(to bottom, #5215B9 0%, #895FD2 50%, #CDBCEB 100%);
}
</style>