#9F7EA5 - #FF9CFD | 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 #9F7EA5 to #FF9CFD

#9F7EA5 #FF9CFD

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

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

0.0%	0.0% #9F7EA5	RGB 159 126 165	#9F7EA5
16.7%	16.7% #AF83B3	RGB 175 131 179	#AF83B3
33.3%	33.3% #BF88C2	RGB 191 136 194	#BF88C2
50.0%	50.0% #CF8DD1	RGB 207 141 209	#CF8DD1
66.7%	66.7% #DF92DF	RGB 223 146 223	#DF92DF
83.3%	83.3% #EF97EE	RGB 239 151 238	#EF97EE
100.0%	100.0% #FF9CFD	RGB 255 156 253	#FF9CFD

#9F7EA5 #AF83B3 #BF88C2 #CF8DD1 #DF92DF #EF97EE #FF9CFD

#9F7EA5 - #FF9CFD

HSV Blend

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

0.0%	0.0% #9F7EA5	RGB 159 126 165	#9F7EA5
16.7%	16.7% #AE84B4	RGB 174 132 180	#AE84B4
33.3%	33.3% #BD8BC3	RGB 189 139 195	#BD8BC3
50.0%	50.0% #CD90D2	RGB 205 144 210	#CD90D2
66.7%	66.7% #DE95E1	RGB 222 149 225	#DE95E1
83.3%	83.3% #EF98F0	RGB 239 152 240	#EF98F0
100.0%	100.0% #FF9CFD	RGB 255 156 253	#FF9CFD

#9F7EA5 #AE84B4 #BD8BC3 #CD90D2 #DE95E1 #EF98F0 #FF9CFD

#9F7EA5 - #CD90D2 - #FF9CFD

CSS codes

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

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