#CB3FFF - #A8FCFF | 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 #CB3FFF to #A8FCFF

#CB3FFF #A8FCFF

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

#CB3FFF - #A8FCFF | 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 #CB3FFF as 0% and #A8FCFF as 100%.

0.0%	0.0% #CB3FFF	RGB 203 63 255	#CB3FFF
16.7%	16.7% #C55EFF	RGB 197 94 255	#C55EFF
33.3%	33.3% #BF7EFF	RGB 191 126 255	#BF7EFF
50.0%	50.0% #B99DFF	RGB 185 157 255	#B99DFF
66.7%	66.7% #B3BDFF	RGB 179 189 255	#B3BDFF
83.3%	83.3% #ADDCFF	RGB 173 220 255	#ADDCFF
100.0%	100.0% #A8FCFF	RGB 168 252 255	#A8FCFF

#CB3FFF #C55EFF #BF7EFF #B99DFF #B3BDFF #ADDCFF #A8FCFF

#CB3FFF - #A8FCFF

HSV Blend

#CB3FFF - #A8FCFF | 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 #CB3FFF as 0% and #A8FCFF as 100%.

0.0%	0.0% #CB3FFF	RGB 203 63 255	#CB3FFF
16.7%	16.7% #9E50FF	RGB 158 80 255	#9E50FF
33.3%	33.3% #7B62FF	RGB 123 98 255	#7B62FF
50.0%	50.0% #7383FF	RGB 115 131 255	#7383FF
66.7%	66.7% #85B5FF	RGB 133 181 255	#85B5FF
83.3%	83.3% #96DDFF	RGB 150 221 255	#96DDFF
100.0%	100.0% #A8FCFF	RGB 168 252 255	#A8FCFF

#CB3FFF #9E50FF #7B62FF #7383FF #85B5FF #96DDFF #A8FCFF

#CB3FFF - #7383FF - #A8FCFF

CSS codes

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

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