#8878FF - #4105C3 | 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 #4105C3

#8878FF #4105C3

Calculate the color between two colors, #8878FF and #4105C3. 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 - #4105C3 | 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 #4105C3 as 100%.

0.0%	0.0% #8878FF	RGB 136 120 255	#8878FF
16.7%	16.7% #7C64F5	RGB 124 100 245	#7C64F5
33.3%	33.3% #7051EB	RGB 112 81 235	#7051EB
50.0%	50.0% #643EE1	RGB 100 62 225	#643EE1
66.7%	66.7% #582BD7	RGB 88 43 215	#582BD7
83.3%	83.3% #4C18CD	RGB 76 24 205	#4C18CD
100.0%	100.0% #4105C3	RGB 65 5 195	#4105C3

#8878FF #7C64F5 #7051EB #643EE1 #582BD7 #4C18CD #4105C3

#8878FF - #4105C3

HSV Blend

#8878FF - #4105C3 | 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 #4105C3 as 100%.

0.0%	0.0% #8778FF	RGB 135 120 255	#8778FF
16.7%	16.7% #7761F5	RGB 119 97 245	#7761F5
33.3%	33.3% #694BEB	RGB 105 75 235	#694BEB
50.0%	50.0% #5C37E1	RGB 92 55 225	#5C37E1
66.7%	66.7% #5125D7	RGB 81 37 215	#5125D7
83.3%	83.3% #4814CD	RGB 72 20 205	#4814CD
100.0%	100.0% #4105C3	RGB 65 5 195	#4105C3

#8778FF #7761F5 #694BEB #5C37E1 #5125D7 #4814CD #4105C3

#8878FF - #5C37E1 - #4105C3

CSS codes

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

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