#CD5FC2 - #B5CAE5 | 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 #CD5FC2 to #B5CAE5

#CD5FC2 #B5CAE5

Calculate the color between two colors, #CD5FC2 and #B5CAE5. 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)

#CD5FC2 - #B5CAE5 | 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 #CD5FC2 as 0% and #B5CAE5 as 100%.

0.0%	0.0% #CD5FC2	RGB 205 95 194	#CD5FC2
16.7%	16.7% #C970C7	RGB 201 112 199	#C970C7
33.3%	33.3% #C582CD	RGB 197 130 205	#C582CD
50.0%	50.0% #C194D3	RGB 193 148 211	#C194D3
66.7%	66.7% #BDA6D9	RGB 189 166 217	#BDA6D9
83.3%	83.3% #B9B8DF	RGB 185 184 223	#B9B8DF
100.0%	100.0% #B5CAE5	RGB 181 202 229	#B5CAE5

#CD5FC2 #C970C7 #C582CD #C194D3 #BDA6D9 #B9B8DF #B5CAE5

#CD5FC2 - #B5CAE5

HSV Blend

#CD5FC2 - #B5CAE5 | 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 #CD5FC2 as 0% and #B5CAE5 as 100%.

0.0%	0.0% #CD5FC2	RGB 205 95 194	#CD5FC2
16.7%	16.7% #C16CD1	RGB 193 108 209	#C16CD1
33.3%	33.3% #AF79D5	RGB 175 121 213	#AF79D5
50.0%	50.0% #A288D9	RGB 162 136 217	#A288D9
66.7%	66.7% #9B96DD	RGB 155 150 221	#9B96DD
83.3%	83.3% #A5B0E1	RGB 165 176 225	#A5B0E1
100.0%	100.0% #B5CAE5	RGB 181 202 229	#B5CAE5

#CD5FC2 #C16CD1 #AF79D5 #A288D9 #9B96DD #A5B0E1 #B5CAE5

#CD5FC2 - #A288D9 - #B5CAE5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CD5FC2 0%, #A288D9 50%, #B5CAE5 100%);
    background: -webkit-linear-gradient(top, #CD5FC2 0%, #A288D9 50%, #B5CAE5 100%);
    background: linear-gradient(to bottom, #CD5FC2 0%, #A288D9 50%, #B5CAE5 100%);
}
</style>