#CBA2FF - #8224E6 | 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 #CBA2FF to #8224E6

#CBA2FF #8224E6

Calculate the color between two colors, #CBA2FF and #8224E6. 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)

#CBA2FF - #8224E6 | 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 #CBA2FF as 0% and #8224E6 as 100%.

0.0%	0.0% #CBA2FF	RGB 203 162 255	#CBA2FF
16.7%	16.7% #BE8DFA	RGB 190 141 250	#BE8DFA
33.3%	33.3% #B278F6	RGB 178 120 246	#B278F6
50.0%	50.0% #A663F2	RGB 166 99 242	#A663F2
66.7%	66.7% #9A4EEE	RGB 154 78 238	#9A4EEE
83.3%	83.3% #8E39EA	RGB 142 57 234	#8E39EA
100.0%	100.0% #8224E6	RGB 130 36 230	#8224E6

#CBA2FF #BE8DFA #B278F6 #A663F2 #9A4EEE #8E39EA #8224E6

#CBA2FF - #8224E6

HSV Blend

#CBA2FF - #8224E6 | 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 #CBA2FF as 0% and #8224E6 as 100%.

0.0%	0.0% #CBA2FF	RGB 203 162 255	#CBA2FF
16.7%	16.7% #BD8BFA	RGB 189 139 250	#BD8BFA
33.3%	33.3% #B075F6	RGB 176 117 246	#B075F6
50.0%	50.0% #A360F2	RGB 163 96 242	#A360F2
66.7%	66.7% #974BEE	RGB 151 75 238	#974BEE
83.3%	83.3% #8C37EA	RGB 140 55 234	#8C37EA
100.0%	100.0% #8224E6	RGB 130 36 230	#8224E6

#CBA2FF #BD8BFA #B075F6 #A360F2 #974BEE #8C37EA #8224E6

#CBA2FF - #A360F2 - #8224E6

CSS codes

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

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