#CB00C2 - #B6B7FF | 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 #CB00C2 to #B6B7FF

#CB00C2 #B6B7FF

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

#CB00C2 - #B6B7FF | 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 #CB00C2 as 0% and #B6B7FF as 100%.

0.0%	0.0% #CB00C2	RGB 203 0 194	#CB00C2
16.7%	16.7% #C71ECC	RGB 199 30 204	#C71ECC
33.3%	33.3% #C43DD6	RGB 196 61 214	#C43DD6
50.0%	50.0% #C05BE0	RGB 192 91 224	#C05BE0
66.7%	66.7% #BD7AEA	RGB 189 122 234	#BD7AEA
83.3%	83.3% #B998F4	RGB 185 152 244	#B998F4
100.0%	100.0% #B6B7FF	RGB 182 183 255	#B6B7FF

#CB00C2 #C71ECC #C43DD6 #C05BE0 #BD7AEA #B998F4 #B6B7FF

#CB00C2 - #B6B7FF

HSV Blend

#CB00C2 - #B6B7FF | 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 #CB00C2 as 0% and #B6B7FF as 100%.

0.0%	0.0% #CB00C2	RGB 203 0 194	#CB00C2
16.7%	16.7% #BB19D3	RGB 187 25 211	#BB19D3
33.3%	33.3% #A834DC	RGB 168 52 220	#A834DC
50.0%	50.0% #9D51E5	RGB 157 81 229	#9D51E5
66.7%	66.7% #9B71ED	RGB 155 113 237	#9B71ED
83.3%	83.3% #A292F6	RGB 162 146 246	#A292F6
100.0%	100.0% #B6B7FF	RGB 182 183 255	#B6B7FF

#CB00C2 #BB19D3 #A834DC #9D51E5 #9B71ED #A292F6 #B6B7FF

#CB00C2 - #9D51E5 - #B6B7FF

CSS codes

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

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