#9D4DAB - #F79DCD | 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 #9D4DAB to #F79DCD

#9D4DAB #F79DCD

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

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

0.0%	0.0% #9D4DAB	RGB 157 77 171	#9D4DAB
16.7%	16.7% #AC5AB0	RGB 172 90 176	#AC5AB0
33.3%	33.3% #BB67B6	RGB 187 103 182	#BB67B6
50.0%	50.0% #CA75BC	RGB 202 117 188	#CA75BC
66.7%	66.7% #D982C1	RGB 217 130 193	#D982C1
83.3%	83.3% #E88FC7	RGB 232 143 199	#E88FC7
100.0%	100.0% #F79DCD	RGB 247 157 205	#F79DCD

#9D4DAB #AC5AB0 #BB67B6 #CA75BC #D982C1 #E88FC7 #F79DCD

#9D4DAB - #F79DCD

HSV Blend

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

0.0%	0.0% #9D4DAB	RGB 157 77 171	#9D4DAB
16.7%	16.7% #B358B7	RGB 179 88 183	#B358B7
33.3%	33.3% #C464BE	RGB 196 100 190	#C464BE
50.0%	50.0% #D171C1	RGB 209 113 193	#D171C1
66.7%	66.7% #DD7FC4	RGB 221 127 196	#DD7FC4
83.3%	83.3% #EA8DC8	RGB 234 141 200	#EA8DC8
100.0%	100.0% #F79DCD	RGB 247 157 205	#F79DCD

#9D4DAB #B358B7 #C464BE #D171C1 #DD7FC4 #EA8DC8 #F79DCD

#9D4DAB - #D171C1 - #F79DCD

CSS codes

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

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