#8878FF - #262248 | 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 #8878FF to #262248

#8878FF #262248

Calculate the color between two colors, #8878FF and #262248. 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)

#8878FF - #262248 | 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 #8878FF as 0% and #262248 as 100%.

0.0%	0.0% #8878FF	RGB 136 120 255	#8878FF
16.7%	16.7% #7769E0	RGB 119 105 224	#7769E0
33.3%	33.3% #675BC2	RGB 103 91 194	#675BC2
50.0%	50.0% #574DA3	RGB 87 77 163	#574DA3
66.7%	66.7% #463E84	RGB 70 62 132	#463E84
83.3%	83.3% #363066	RGB 54 48 102	#363066
100.0%	100.0% #262248	RGB 38 34 72	#262248

#8878FF #7769E0 #675BC2 #574DA3 #463E84 #363066 #262248

#8878FF - #262248

HSV Blend

#8878FF - #262248 | 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 #8878FF as 0% and #262248 as 100%.

0.0%	0.0% #8778FF	RGB 135 120 255	#8778FF
16.7%	16.7% #7769E0	RGB 119 105 224	#7769E0
33.3%	33.3% #675BC2	RGB 103 91 194	#675BC2
50.0%	50.0% #564DA3	RGB 86 77 163	#564DA3
66.7%	66.7% #463E84	RGB 70 62 132	#463E84
83.3%	83.3% #363066	RGB 54 48 102	#363066
100.0%	100.0% #262248	RGB 38 34 72	#262248

#8778FF #7769E0 #675BC2 #564DA3 #463E84 #363066 #262248

#8878FF - #564DA3 - #262248

CSS codes

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

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