#9F5EAA - #7F9AFF | 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 #9F5EAA to #7F9AFF

#9F5EAA #7F9AFF

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

#9F5EAA - #7F9AFF | 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 #9F5EAA as 0% and #7F9AFF as 100%.

0.0%	0.0% #9F5EAA	RGB 159 94 170	#9F5EAA
16.7%	16.7% #9968B8	RGB 153 104 184	#9968B8
33.3%	33.3% #9472C6	RGB 148 114 198	#9472C6
50.0%	50.0% #8F7CD4	RGB 143 124 212	#8F7CD4
66.7%	66.7% #8986E2	RGB 137 134 226	#8986E2
83.3%	83.3% #8490F0	RGB 132 144 240	#8490F0
100.0%	100.0% #7F9AFF	RGB 127 154 255	#7F9AFF

#9F5EAA #9968B8 #9472C6 #8F7CD4 #8986E2 #8490F0 #7F9AFF

#9F5EAA - #7F9AFF

HSV Blend

#9F5EAA - #7F9AFF | 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 #9F5EAA as 0% and #7F9AFF as 100%.

0.0%	0.0% #9F5EAA	RGB 159 94 170	#9F5EAA
16.7%	16.7% #9D64B8	RGB 157 100 184	#9D64B8
33.3%	33.3% #986AC6	RGB 152 106 198	#986AC6
50.0%	50.0% #906FD4	RGB 144 111 212	#906FD4
66.7%	66.7% #8475E2	RGB 132 117 226	#8475E2
83.3%	83.3% #7A7EF0	RGB 122 126 240	#7A7EF0
100.0%	100.0% #7F9AFF	RGB 127 154 255	#7F9AFF

#9F5EAA #9D64B8 #986AC6 #906FD4 #8475E2 #7A7EF0 #7F9AFF

#9F5EAA - #906FD4 - #7F9AFF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9F5EAA 0%, #906FD4 50%, #7F9AFF 100%);
    background: -webkit-linear-gradient(top, #9F5EAA 0%, #906FD4 50%, #7F9AFF 100%);
    background: linear-gradient(to bottom, #9F5EAA 0%, #906FD4 50%, #7F9AFF 100%);
}
</style>