#CB80EB - #6D0BAE | 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 #CB80EB to #6D0BAE

#CB80EB #6D0BAE

Calculate the color between two colors, #CB80EB and #6D0BAE. 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)

#CB80EB - #6D0BAE | 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 #CB80EB as 0% and #6D0BAE as 100%.

0.0%	0.0% #CB80EB	RGB 203 128 235	#CB80EB
16.7%	16.7% #BB6CE0	RGB 187 108 224	#BB6CE0
33.3%	33.3% #AB59D6	RGB 171 89 214	#AB59D6
50.0%	50.0% #9C45CC	RGB 156 69 204	#9C45CC
66.7%	66.7% #8C32C2	RGB 140 50 194	#8C32C2
83.3%	83.3% #7C1EB8	RGB 124 30 184	#7C1EB8
100.0%	100.0% #6D0BAE	RGB 109 11 174	#6D0BAE

#CB80EB #BB6CE0 #AB59D6 #9C45CC #8C32C2 #7C1EB8 #6D0BAE

#CB80EB - #6D0BAE

HSV Blend

#CB80EB - #6D0BAE | 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 #CB80EB as 0% and #6D0BAE as 100%.

0.0%	0.0% #CB80EB	RGB 203 128 235	#CB80EB
16.7%	16.7% #BA68E0	RGB 186 104 224	#BA68E0
33.3%	33.3% #AA52D6	RGB 170 82 214	#AA52D6
50.0%	50.0% #9A3ECC	RGB 154 62 204	#9A3ECC
66.7%	66.7% #8B2BC2	RGB 139 43 194	#8B2BC2
83.3%	83.3% #7B1AB8	RGB 123 26 184	#7B1AB8
100.0%	100.0% #6D0BAE	RGB 109 11 174	#6D0BAE

#CB80EB #BA68E0 #AA52D6 #9A3ECC #8B2BC2 #7B1AB8 #6D0BAE

#CB80EB - #9A3ECC - #6D0BAE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CB80EB 0%, #9A3ECC 50%, #6D0BAE 100%);
    background: -webkit-linear-gradient(top, #CB80EB 0%, #9A3ECC 50%, #6D0BAE 100%);
    background: linear-gradient(to bottom, #CB80EB 0%, #9A3ECC 50%, #6D0BAE 100%);
}
</style>