#9F5E9C - #F580C4 | 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 #9F5E9C to #F580C4

#9F5E9C #F580C4

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

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

0.0%	0.0% #9F5E9C	RGB 159 94 156	#9F5E9C
16.7%	16.7% #AD63A2	RGB 173 99 162	#AD63A2
33.3%	33.3% #BB69A9	RGB 187 105 169	#BB69A9
50.0%	50.0% #CA6FB0	RGB 202 111 176	#CA6FB0
66.7%	66.7% #D874B6	RGB 216 116 182	#D874B6
83.3%	83.3% #E67ABD	RGB 230 122 189	#E67ABD
100.0%	100.0% #F580C4	RGB 245 128 196	#F580C4

#9F5E9C #AD63A2 #BB69A9 #CA6FB0 #D874B6 #E67ABD #F580C4

#9F5E9C - #F580C4

HSV Blend

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

0.0%	0.0% #9F5E9C	RGB 159 94 156	#9F5E9C
16.7%	16.7% #AD64A5	RGB 173 100 165	#AD64A5
33.3%	33.3% #BB6AAD	RGB 187 106 173	#BB6AAD
50.0%	50.0% #CA70B5	RGB 202 112 181	#CA70B5
66.7%	66.7% #D875BB	RGB 216 117 187	#D875BB
83.3%	83.3% #E67BC0	RGB 230 123 192	#E67BC0
100.0%	100.0% #F580C4	RGB 245 128 196	#F580C4

#9F5E9C #AD64A5 #BB6AAD #CA70B5 #D875BB #E67BC0 #F580C4

#9F5E9C - #CA70B5 - #F580C4

CSS codes

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

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