#9F77DB - #4F1092 | 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 #9F77DB to #4F1092

#9F77DB #4F1092

Calculate the color between two colors, #9F77DB and #4F1092. 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)

#9F77DB - #4F1092 | 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 #9F77DB as 0% and #4F1092 as 100%.

0.0%	0.0% #9F77DB	RGB 159 119 219	#9F77DB
16.7%	16.7% #9165CE	RGB 145 101 206	#9165CE
33.3%	33.3% #8454C2	RGB 132 84 194	#8454C2
50.0%	50.0% #7743B6	RGB 119 67 182	#7743B6
66.7%	66.7% #6932AA	RGB 105 50 170	#6932AA
83.3%	83.3% #5C219E	RGB 92 33 158	#5C219E
100.0%	100.0% #4F1092	RGB 79 16 146	#4F1092

#9F77DB #9165CE #8454C2 #7743B6 #6932AA #5C219E #4F1092

#9F77DB - #4F1092

HSV Blend

#9F77DB - #4F1092 | 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 #9F77DB as 0% and #4F1092 as 100%.

0.0%	0.0% #9F77DB	RGB 159 119 219	#9F77DB
16.7%	16.7% #8E61CE	RGB 142 97 206	#8E61CE
33.3%	33.3% #7F4DC2	RGB 127 77 194	#7F4DC2
50.0%	50.0% #713BB6	RGB 113 59 182	#713BB6
66.7%	66.7% #652BAA	RGB 101 43 170	#652BAA
83.3%	83.3% #591C9E	RGB 89 28 158	#591C9E
100.0%	100.0% #4F1092	RGB 79 16 146	#4F1092

#9F77DB #8E61CE #7F4DC2 #713BB6 #652BAA #591C9E #4F1092

#9F77DB - #713BB6 - #4F1092

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9F77DB 0%, #713BB6 50%, #4F1092 100%);
    background: -webkit-linear-gradient(top, #9F77DB 0%, #713BB6 50%, #4F1092 100%);
    background: linear-gradient(to bottom, #9F77DB 0%, #713BB6 50%, #4F1092 100%);
}
</style>