#6C5EAD - #867BFF | 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 #6C5EAD to #867BFF

#6C5EAD #867BFF

Calculate the color between two colors, #6C5EAD and #867BFF. 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)

#6C5EAD - #867BFF | 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 #6C5EAD as 0% and #867BFF as 100%.

0.0%	0.0% #6C5EAD	RGB 108 94 173	#6C5EAD
16.7%	16.7% #7062BA	RGB 112 98 186	#7062BA
33.3%	33.3% #7467C8	RGB 116 103 200	#7467C8
50.0%	50.0% #796CD6	RGB 121 108 214	#796CD6
66.7%	66.7% #7D71E3	RGB 125 113 227	#7D71E3
83.3%	83.3% #8176F1	RGB 129 118 241	#8176F1
100.0%	100.0% #867BFF	RGB 134 123 255	#867BFF

#6C5EAD #7062BA #7467C8 #796CD6 #7D71E3 #8176F1 #867BFF

#6C5EAD - #867BFF

HSV Blend

#6C5EAD - #867BFF | 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 #6C5EAD as 0% and #867BFF as 100%.

0.0%	0.0% #6B5EAD	RGB 107 94 173	#6B5EAD
16.7%	16.7% #7163BA	RGB 113 99 186	#7163BA
33.3%	33.3% #7668C8	RGB 118 104 200	#7668C8
50.0%	50.0% #7B6DD6	RGB 123 109 214	#7B6DD6
66.7%	66.7% #7F72E3	RGB 127 114 227	#7F72E3
83.3%	83.3% #8276F1	RGB 130 118 241	#8276F1
100.0%	100.0% #867BFF	RGB 134 123 255	#867BFF

#6B5EAD #7163BA #7668C8 #7B6DD6 #7F72E3 #8276F1 #867BFF

#6C5EAD - #7B6DD6 - #867BFF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B5EAD 0%, #7B6DD6 50%, #867BFF 100%);
    background: -webkit-linear-gradient(top, #6B5EAD 0%, #7B6DD6 50%, #867BFF 100%);
    background: linear-gradient(to bottom, #6B5EAD 0%, #7B6DD6 50%, #867BFF 100%);
}
</style>