#8C06FF - #2000B3 | 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 #8C06FF to #2000B3

#8C06FF #2000B3

Calculate the color between two colors, #8C06FF and #2000B3. 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)

#8C06FF - #2000B3 | 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 #8C06FF as 0% and #2000B3 as 100%.

0.0%	0.0% #8C06FF	RGB 140 6 255	#8C06FF
16.7%	16.7% #7A05F2	RGB 122 5 242	#7A05F2
33.3%	33.3% #6804E5	RGB 104 4 229	#6804E5
50.0%	50.0% #5603D9	RGB 86 3 217	#5603D9
66.7%	66.7% #4402CC	RGB 68 2 204	#4402CC
83.3%	83.3% #3201BF	RGB 50 1 191	#3201BF
100.0%	100.0% #2000B3	RGB 32 0 179	#2000B3

#8C06FF #7A05F2 #6804E5 #5603D9 #4402CC #3201BF #2000B3

#8C06FF - #2000B3

HSV Blend

#8C06FF - #2000B3 | 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 #8C06FF as 0% and #2000B3 as 100%.

0.0%	0.0% #8C05FF	RGB 140 5 255	#8C05FF
16.7%	16.7% #7604F2	RGB 118 4 242	#7604F2
33.3%	33.3% #6203E5	RGB 98 3 229	#6203E5
50.0%	50.0% #4F02D9	RGB 79 2 217	#4F02D9
66.7%	66.7% #3E01CC	RGB 62 1 204	#3E01CC
83.3%	83.3% #2E00BF	RGB 46 0 191	#2E00BF
100.0%	100.0% #2000B3	RGB 32 0 179	#2000B3

#8C05FF #7604F2 #6203E5 #4F02D9 #3E01CC #2E00BF #2000B3

#8C06FF - #4F02D9 - #2000B3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C05FF 0%, #4F02D9 50%, #2000B3 100%);
    background: -webkit-linear-gradient(top, #8C05FF 0%, #4F02D9 50%, #2000B3 100%);
    background: linear-gradient(to bottom, #8C05FF 0%, #4F02D9 50%, #2000B3 100%);
}
</style>