#6F00E5 - #B2F0FF | 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 #6F00E5 to #B2F0FF

#6F00E5 #B2F0FF

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

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

0.0%	0.0% #6F00E5	RGB 111 0 229	#6F00E5
16.7%	16.7% #7A28E9	RGB 122 40 233	#7A28E9
33.3%	33.3% #8550ED	RGB 133 80 237	#8550ED
50.0%	50.0% #9078F2	RGB 144 120 242	#9078F2
66.7%	66.7% #9BA0F6	RGB 155 160 246	#9BA0F6
83.3%	83.3% #A6C8FA	RGB 166 200 250	#A6C8FA
100.0%	100.0% #B2F0FF	RGB 178 240 255	#B2F0FF

#6F00E5 #7A28E9 #8550ED #9078F2 #9BA0F6 #A6C8FA #B2F0FF

#6F00E5 - #B2F0FF

HSV Blend

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

0.0%	0.0% #6E00E5	RGB 110 0 229	#6E00E5
16.7%	16.7% #521BE9	RGB 82 27 233	#521BE9
33.3%	33.3% #4137ED	RGB 65 55 237	#4137ED
50.0%	50.0% #546DF2	RGB 84 109 242	#546DF2
66.7%	66.7% #72A4F6	RGB 114 164 246	#72A4F6
83.3%	83.3% #91CFFA	RGB 145 207 250	#91CFFA
100.0%	100.0% #B2F0FF	RGB 178 240 255	#B2F0FF

#6E00E5 #521BE9 #4137ED #546DF2 #72A4F6 #91CFFA #B2F0FF

#6F00E5 - #546DF2 - #B2F0FF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6E00E5 0%, #546DF2 50%, #B2F0FF 100%);
    background: -webkit-linear-gradient(top, #6E00E5 0%, #546DF2 50%, #B2F0FF 100%);
    background: linear-gradient(to bottom, #6E00E5 0%, #546DF2 50%, #B2F0FF 100%);
}
</style>