#6C5EBF - #E599FE | 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 #6C5EBF to #E599FE

#6C5EBF #E599FE

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

#6C5EBF - #E599FE | 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 #6C5EBF as 0% and #E599FE as 100%.

0.0%	0.0% #6C5EBF	RGB 108 94 191	#6C5EBF
16.7%	16.7% #8067C9	RGB 128 103 201	#8067C9
33.3%	33.3% #9471D4	RGB 148 113 212	#9471D4
50.0%	50.0% #A87BDE	RGB 168 123 222	#A87BDE
66.7%	66.7% #BC85E9	RGB 188 133 233	#BC85E9
83.3%	83.3% #D08FF3	RGB 208 143 243	#D08FF3
100.0%	100.0% #E599FE	RGB 229 153 254	#E599FE

#6C5EBF #8067C9 #9471D4 #A87BDE #BC85E9 #D08FF3 #E599FE

#6C5EBF - #E599FE

HSV Blend

#6C5EBF - #E599FE | 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 #6C5EBF as 0% and #E599FE as 100%.

0.0%	0.0% #6B5EBF	RGB 107 94 191	#6B5EBF
16.7%	16.7% #7F66C9	RGB 127 102 201	#7F66C9
33.3%	33.3% #9270D4	RGB 146 112 212	#9270D4
50.0%	50.0% #A679DE	RGB 166 121 222	#A679DE
66.7%	66.7% #BB83E9	RGB 187 131 233	#BB83E9
83.3%	83.3% #D08EF3	RGB 208 142 243	#D08EF3
100.0%	100.0% #E599FE	RGB 229 153 254	#E599FE

#6B5EBF #7F66C9 #9270D4 #A679DE #BB83E9 #D08EF3 #E599FE

#6C5EBF - #A679DE - #E599FE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B5EBF 0%, #A679DE 50%, #E599FE 100%);
    background: -webkit-linear-gradient(top, #6B5EBF 0%, #A679DE 50%, #E599FE 100%);
    background: linear-gradient(to bottom, #6B5EBF 0%, #A679DE 50%, #E599FE 100%);
}
</style>