#9F98E7 - #572DA7 | 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 #9F98E7 to #572DA7

#9F98E7 #572DA7

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

#9F98E7 - #572DA7 | 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 #9F98E7 as 0% and #572DA7 as 100%.

0.0%	0.0% #9F98E7	RGB 159 152 231	#9F98E7
16.7%	16.7% #9386DC	RGB 147 134 220	#9386DC
33.3%	33.3% #8774D1	RGB 135 116 209	#8774D1
50.0%	50.0% #7B62C7	RGB 123 98 199	#7B62C7
66.7%	66.7% #6F50BC	RGB 111 80 188	#6F50BC
83.3%	83.3% #633EB1	RGB 99 62 177	#633EB1
100.0%	100.0% #572DA7	RGB 87 45 167	#572DA7

#9F98E7 #9386DC #8774D1 #7B62C7 #6F50BC #633EB1 #572DA7

#9F98E7 - #572DA7

HSV Blend

#9F98E7 - #572DA7 | 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 #9F98E7 as 0% and #572DA7 as 100%.

0.0%	0.0% #9E98E7	RGB 158 152 231	#9E98E7
16.7%	16.7% #8E82DC	RGB 142 130 220	#8E82DC
33.3%	33.3% #7F6ED1	RGB 127 110 209	#7F6ED1
50.0%	50.0% #735CC7	RGB 115 92 199	#735CC7
66.7%	66.7% #684BBC	RGB 104 75 188	#684BBC
83.3%	83.3% #5F3BB1	RGB 95 59 177	#5F3BB1
100.0%	100.0% #572DA7	RGB 87 45 167	#572DA7

#9E98E7 #8E82DC #7F6ED1 #735CC7 #684BBC #5F3BB1 #572DA7

#9F98E7 - #735CC7 - #572DA7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9E98E7 0%, #735CC7 50%, #572DA7 100%);
    background: -webkit-linear-gradient(top, #9E98E7 0%, #735CC7 50%, #572DA7 100%);
    background: linear-gradient(to bottom, #9E98E7 0%, #735CC7 50%, #572DA7 100%);
}
</style>