#DD5FC3 - #9F0078 | 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 #DD5FC3 to #9F0078

#DD5FC3 #9F0078

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

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

0.0%	0.0% #DD5FC3	RGB 221 95 195	#DD5FC3
16.7%	16.7% #D24FB6	RGB 210 79 182	#D24FB6
33.3%	33.3% #C83FAA	RGB 200 63 170	#C83FAA
50.0%	50.0% #BE2F9D	RGB 190 47 157	#BE2F9D
66.7%	66.7% #B31F91	RGB 179 31 145	#B31F91
83.3%	83.3% #A90F84	RGB 169 15 132	#A90F84
100.0%	100.0% #9F0078	RGB 159 0 120	#9F0078

#DD5FC3 #D24FB6 #C83FAA #BE2F9D #B31F91 #A90F84 #9F0078

#DD5FC3 - #9F0078

HSV Blend

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

0.0%	0.0% #DD5FC3	RGB 221 95 195	#DD5FC3
16.7%	16.7% #D24BB5	RGB 210 75 181	#D24BB5
33.3%	33.3% #C839A8	RGB 200 57 168	#C839A8
50.0%	50.0% #BE289C	RGB 190 40 156	#BE289C
66.7%	66.7% #B3198F	RGB 179 25 143	#B3198F
83.3%	83.3% #A90C83	RGB 169 12 131	#A90C83
100.0%	100.0% #9F0078	RGB 159 0 120	#9F0078

#DD5FC3 #D24BB5 #C839A8 #BE289C #B3198F #A90C83 #9F0078

#DD5FC3 - #BE289C - #9F0078

CSS codes

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

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