#9A2DCB - #FF39FD | 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 #9A2DCB to #FF39FD

#9A2DCB #FF39FD

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

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

0.0%	0.0% #9A2DCB	RGB 154 45 203	#9A2DCB
16.7%	16.7% #AA2FD3	RGB 170 47 211	#AA2FD3
33.3%	33.3% #BB31DB	RGB 187 49 219	#BB31DB
50.0%	50.0% #CC33E4	RGB 204 51 228	#CC33E4
66.7%	66.7% #DD35EC	RGB 221 53 236	#DD35EC
83.3%	83.3% #EE37F4	RGB 238 55 244	#EE37F4
100.0%	100.0% #FF39FD	RGB 255 57 253	#FF39FD

#9A2DCB #AA2FD3 #BB31DB #CC33E4 #DD35EC #EE37F4 #FF39FD

#9A2DCB - #FF39FD

HSV Blend

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

0.0%	0.0% #992DCB	RGB 153 45 203	#992DCB
16.7%	16.7% #A92ED3	RGB 169 46 211	#A92ED3
33.3%	33.3% #B930DC	RGB 185 48 220	#B930DC
50.0%	50.0% #CA32E5	RGB 202 50 229	#CA32E5
66.7%	66.7% #DB34ED	RGB 219 52 237	#DB34ED
83.3%	83.3% #EE36F6	RGB 238 54 246	#EE36F6
100.0%	100.0% #FF39FD	RGB 255 57 253	#FF39FD

#992DCB #A92ED3 #B930DC #CA32E5 #DB34ED #EE36F6 #FF39FD

#9A2DCB - #CA32E5 - #FF39FD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #992DCB 0%, #CA32E5 50%, #FF39FD 100%);
    background: -webkit-linear-gradient(top, #992DCB 0%, #CA32E5 50%, #FF39FD 100%);
    background: linear-gradient(to bottom, #992DCB 0%, #CA32E5 50%, #FF39FD 100%);
}
</style>