#9B5E6D - #DA7EF2 | 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 #9B5E6D to #DA7EF2

#9B5E6D #DA7EF2

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

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

0.0%	0.0% #9B5E6D	RGB 155 94 109	#9B5E6D
16.7%	16.7% #A56383	RGB 165 99 131	#A56383
33.3%	33.3% #B06899	RGB 176 104 153	#B06899
50.0%	50.0% #BA6EAF	RGB 186 110 175	#BA6EAF
66.7%	66.7% #C573C5	RGB 197 115 197	#C573C5
83.3%	83.3% #CF78DB	RGB 207 120 219	#CF78DB
100.0%	100.0% #DA7EF2	RGB 218 126 242	#DA7EF2

#9B5E6D #A56383 #B06899 #BA6EAF #C573C5 #CF78DB #DA7EF2

#9B5E6D - #DA7EF2

HSV Blend

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

0.0%	0.0% #9B5E6D	RGB 155 94 109	#9B5E6D
16.7%	16.7% #A96480	RGB 169 100 128	#A96480
33.3%	33.3% #B86A96	RGB 184 106 150	#B86A96
50.0%	50.0% #C66FAE	RGB 198 111 174	#C66FAE
66.7%	66.7% #D574CA	RGB 213 116 202	#D574CA
83.3%	83.3% #DE79E3	RGB 222 121 227	#DE79E3
100.0%	100.0% #DA7EF2	RGB 218 126 242	#DA7EF2

#9B5E6D #A96480 #B86A96 #C66FAE #D574CA #DE79E3 #DA7EF2

#9B5E6D - #C66FAE - #DA7EF2

CSS codes

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

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