#865EBE - #3C088D | 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 #865EBE to #3C088D

#865EBE #3C088D

Calculate the color between two colors, #865EBE and #3C088D. 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)

#865EBE - #3C088D | 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 #865EBE as 0% and #3C088D as 100%.

0.0%	0.0% #865EBE	RGB 134 94 190	#865EBE
16.7%	16.7% #794FB5	RGB 121 79 181	#794FB5
33.3%	33.3% #6D41AD	RGB 109 65 173	#6D41AD
50.0%	50.0% #6133A5	RGB 97 51 165	#6133A5
66.7%	66.7% #54249D	RGB 84 36 157	#54249D
83.3%	83.3% #481695	RGB 72 22 149	#481695
100.0%	100.0% #3C088D	RGB 60 8 141	#3C088D

#865EBE #794FB5 #6D41AD #6133A5 #54249D #481695 #3C088D

#865EBE - #3C088D

HSV Blend

#865EBE - #3C088D | 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 #865EBE as 0% and #3C088D as 100%.

0.0%	0.0% #865EBE	RGB 134 94 190	#865EBE
16.7%	16.7% #784CB5	RGB 120 76 181	#784CB5
33.3%	33.3% #6A3CAD	RGB 106 60 173	#6A3CAD
50.0%	50.0% #5E2DA5	RGB 94 45 165	#5E2DA5
66.7%	66.7% #521F9D	RGB 82 31 157	#521F9D
83.3%	83.3% #461395	RGB 70 19 149	#461395
100.0%	100.0% #3C088D	RGB 60 8 141	#3C088D

#865EBE #784CB5 #6A3CAD #5E2DA5 #521F9D #461395 #3C088D

#865EBE - #5E2DA5 - #3C088D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #865EBE 0%, #5E2DA5 50%, #3C088D 100%);
    background: -webkit-linear-gradient(top, #865EBE 0%, #5E2DA5 50%, #3C088D 100%);
    background: linear-gradient(to bottom, #865EBE 0%, #5E2DA5 50%, #3C088D 100%);
}
</style>