#8C6FEB - #622BCE | 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 #8C6FEB to #622BCE

#8C6FEB #622BCE

Calculate the color between two colors, #8C6FEB and #622BCE. 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)

#8C6FEB - #622BCE | 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 #8C6FEB as 0% and #622BCE as 100%.

0.0%	0.0% #8C6FEB	RGB 140 111 235	#8C6FEB
16.7%	16.7% #8563E6	RGB 133 99 230	#8563E6
33.3%	33.3% #7E58E1	RGB 126 88 225	#7E58E1
50.0%	50.0% #774DDC	RGB 119 77 220	#774DDC
66.7%	66.7% #7041D7	RGB 112 65 215	#7041D7
83.3%	83.3% #6936D2	RGB 105 54 210	#6936D2
100.0%	100.0% #622BCE	RGB 98 43 206	#622BCE

#8C6FEB #8563E6 #7E58E1 #774DDC #7041D7 #6936D2 #622BCE

#8C6FEB - #622BCE

HSV Blend

#8C6FEB - #622BCE | 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 #8C6FEB as 0% and #622BCE as 100%.

0.0%	0.0% #8B6FEB	RGB 139 111 235	#8B6FEB
16.7%	16.7% #8362E6	RGB 131 98 230	#8362E6
33.3%	33.3% #7B56E1	RGB 123 86 225	#7B56E1
50.0%	50.0% #744BDC	RGB 116 75 220	#744BDC
66.7%	66.7% #6D3FD7	RGB 109 63 215	#6D3FD7
83.3%	83.3% #6735D2	RGB 103 53 210	#6735D2
100.0%	100.0% #622BCE	RGB 98 43 206	#622BCE

#8B6FEB #8362E6 #7B56E1 #744BDC #6D3FD7 #6735D2 #622BCE

#8C6FEB - #744BDC - #622BCE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8B6FEB 0%, #744BDC 50%, #622BCE 100%);
    background: -webkit-linear-gradient(top, #8B6FEB 0%, #744BDC 50%, #622BCE 100%);
    background: linear-gradient(to bottom, #8B6FEB 0%, #744BDC 50%, #622BCE 100%);
}
</style>