#CB7BFF - #AB0AC2 | 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 #CB7BFF to #AB0AC2

#CB7BFF #AB0AC2

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

#CB7BFF - #AB0AC2 | 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 #CB7BFF as 0% and #AB0AC2 as 100%.

0.0%	0.0% #CB7BFF	RGB 203 123 255	#CB7BFF
16.7%	16.7% #C568F4	RGB 197 104 244	#C568F4
33.3%	33.3% #C055EA	RGB 192 85 234	#C055EA
50.0%	50.0% #BB42E0	RGB 187 66 224	#BB42E0
66.7%	66.7% #B52FD6	RGB 181 47 214	#B52FD6
83.3%	83.3% #B01CCC	RGB 176 28 204	#B01CCC
100.0%	100.0% #AB0AC2	RGB 171 10 194	#AB0AC2

#CB7BFF #C568F4 #C055EA #BB42E0 #B52FD6 #B01CCC #AB0AC2

#CB7BFF - #AB0AC2

HSV Blend

#CB7BFF - #AB0AC2 | 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 #CB7BFF as 0% and #AB0AC2 as 100%.

0.0%	0.0% #CB7BFF	RGB 203 123 255	#CB7BFF
16.7%	16.7% #C264F4	RGB 194 100 244	#C264F4
33.3%	33.3% #BB4FEA	RGB 187 79 234	#BB4FEA
50.0%	50.0% #B53BE0	RGB 181 59 224	#B53BE0
66.7%	66.7% #B129D6	RGB 177 41 214	#B129D6
83.3%	83.3% #AD19CC	RGB 173 25 204	#AD19CC
100.0%	100.0% #AB0AC2	RGB 171 10 194	#AB0AC2

#CB7BFF #C264F4 #BB4FEA #B53BE0 #B129D6 #AD19CC #AB0AC2

#CB7BFF - #B53BE0 - #AB0AC2

CSS codes

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

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