#9F98DB - #593196 | 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 #9F98DB to #593196

#9F98DB #593196

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

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

0.0%	0.0% #9F98DB	RGB 159 152 219	#9F98DB
16.7%	16.7% #9386CF	RGB 147 134 207	#9386CF
33.3%	33.3% #8775C4	RGB 135 117 196	#8775C4
50.0%	50.0% #7C64B8	RGB 124 100 184	#7C64B8
66.7%	66.7% #7053AD	RGB 112 83 173	#7053AD
83.3%	83.3% #6442A1	RGB 100 66 161	#6442A1
100.0%	100.0% #593196	RGB 89 49 150	#593196

#9F98DB #9386CF #8775C4 #7C64B8 #7053AD #6442A1 #593196

#9F98DB - #593196

HSV Blend

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

0.0%	0.0% #9F98DB	RGB 159 152 219	#9F98DB
16.7%	16.7% #8E83CF	RGB 142 131 207	#8E83CF
33.3%	33.3% #8070C4	RGB 128 112 196	#8070C4
50.0%	50.0% #745EB8	RGB 116 94 184	#745EB8
66.7%	66.7% #6A4DAD	RGB 106 77 173	#6A4DAD
83.3%	83.3% #603EA1	RGB 96 62 161	#603EA1
100.0%	100.0% #593196	RGB 89 49 150	#593196

#9F98DB #8E83CF #8070C4 #745EB8 #6A4DAD #603EA1 #593196

#9F98DB - #745EB8 - #593196

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9F98DB 0%, #745EB8 50%, #593196 100%);
    background: -webkit-linear-gradient(top, #9F98DB 0%, #745EB8 50%, #593196 100%);
    background: linear-gradient(to bottom, #9F98DB 0%, #745EB8 50%, #593196 100%);
}
</style>