#CBA3E1 - #763CA1 | 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 #CBA3E1 to #763CA1

#CBA3E1 #763CA1

Calculate the color between two colors, #CBA3E1 and #763CA1. 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)

#CBA3E1 - #763CA1 | 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 #CBA3E1 as 0% and #763CA1 as 100%.

0.0%	0.0% #CBA3E1	RGB 203 163 225	#CBA3E1
16.7%	16.7% #BC91D6	RGB 188 145 214	#BC91D6
33.3%	33.3% #AE80CB	RGB 174 128 203	#AE80CB
50.0%	50.0% #A06FC1	RGB 160 111 193	#A06FC1
66.7%	66.7% #925EB6	RGB 146 94 182	#925EB6
83.3%	83.3% #844DAB	RGB 132 77 171	#844DAB
100.0%	100.0% #763CA1	RGB 118 60 161	#763CA1

#CBA3E1 #BC91D6 #AE80CB #A06FC1 #925EB6 #844DAB #763CA1

#CBA3E1 - #763CA1

HSV Blend

#CBA3E1 - #763CA1 | 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 #CBA3E1 as 0% and #763CA1 as 100%.

0.0%	0.0% #CBA3E1	RGB 203 163 225	#CBA3E1
16.7%	16.7% #BC8ED6	RGB 188 142 214	#BC8ED6
33.3%	33.3% #AD7BCB	RGB 173 123 203	#AD7BCB
50.0%	50.0% #9E69C1	RGB 158 105 193	#9E69C1
66.7%	66.7% #9059B6	RGB 144 89 182	#9059B6
83.3%	83.3% #834AAB	RGB 131 74 171	#834AAB
100.0%	100.0% #763CA1	RGB 118 60 161	#763CA1

#CBA3E1 #BC8ED6 #AD7BCB #9E69C1 #9059B6 #834AAB #763CA1

#CBA3E1 - #9E69C1 - #763CA1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CBA3E1 0%, #9E69C1 50%, #763CA1 100%);
    background: -webkit-linear-gradient(top, #CBA3E1 0%, #9E69C1 50%, #763CA1 100%);
    background: linear-gradient(to bottom, #CBA3E1 0%, #9E69C1 50%, #763CA1 100%);
}
</style>