#660080 - #8F8FDF | 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 #660080 to #8F8FDF

#660080 #8F8FDF

Calculate the color between two colors, #660080 and #8F8FDF. 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)

#660080 - #8F8FDF | 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 #660080 as 0% and #8F8FDF as 100%.

0.0%	0.0% #660080	RGB 102 0 128	#660080
16.7%	16.7% #6C178F	RGB 108 23 143	#6C178F
33.3%	33.3% #732F9F	RGB 115 47 159	#732F9F
50.0%	50.0% #7A47AF	RGB 122 71 175	#7A47AF
66.7%	66.7% #815FBF	RGB 129 95 191	#815FBF
83.3%	83.3% #8877CF	RGB 136 119 207	#8877CF
100.0%	100.0% #8F8FDF	RGB 143 143 223	#8F8FDF

#660080 #6C178F #732F9F #7A47AF #815FBF #8877CF #8F8FDF

#660080 - #8F8FDF

HSV Blend

#660080 - #8F8FDF | 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 #660080 as 0% and #8F8FDF as 100%.

0.0%	0.0% #660080	RGB 102 0 128	#660080
16.7%	16.7% #640F8F	RGB 100 15 143	#640F8F
33.3%	33.3% #64229F	RGB 100 34 159	#64229F
50.0%	50.0% #6738AF	RGB 103 56 175	#6738AF
66.7%	66.7% #6E51BF	RGB 110 81 191	#6E51BF
83.3%	83.3% #7B6ECF	RGB 123 110 207	#7B6ECF
100.0%	100.0% #8F8FDF	RGB 143 143 223	#8F8FDF

#660080 #640F8F #64229F #6738AF #6E51BF #7B6ECF #8F8FDF

#660080 - #6738AF - #8F8FDF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #660080 0%, #6738AF 50%, #8F8FDF 100%);
    background: -webkit-linear-gradient(top, #660080 0%, #6738AF 50%, #8F8FDF 100%);
    background: linear-gradient(to bottom, #660080 0%, #6738AF 50%, #8F8FDF 100%);
}
</style>