#9D5EBA - #D77CFF | 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 #9D5EBA to #D77CFF

#9D5EBA #D77CFF

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

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

0.0%	0.0% #9D5EBA	RGB 157 94 186	#9D5EBA
16.7%	16.7% #A663C5	RGB 166 99 197	#A663C5
33.3%	33.3% #B068D1	RGB 176 104 209	#B068D1
50.0%	50.0% #BA6DDC	RGB 186 109 220	#BA6DDC
66.7%	66.7% #C372E8	RGB 195 114 232	#C372E8
83.3%	83.3% #CD77F3	RGB 205 119 243	#CD77F3
100.0%	100.0% #D77CFF	RGB 215 124 255	#D77CFF

#9D5EBA #A663C5 #B068D1 #BA6DDC #C372E8 #CD77F3 #D77CFF

#9D5EBA - #D77CFF

HSV Blend

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

0.0%	0.0% #9D5EBA	RGB 157 94 186	#9D5EBA
16.7%	16.7% #A663C5	RGB 166 99 197	#A663C5
33.3%	33.3% #B068D1	RGB 176 104 209	#B068D1
50.0%	50.0% #BA6DDC	RGB 186 109 220	#BA6DDC
66.7%	66.7% #C372E8	RGB 195 114 232	#C372E8
83.3%	83.3% #CD77F3	RGB 205 119 243	#CD77F3
100.0%	100.0% #D77CFF	RGB 215 124 255	#D77CFF

#9D5EBA #A663C5 #B068D1 #BA6DDC #C372E8 #CD77F3 #D77CFF

#9D5EBA - #BA6DDC - #D77CFF

CSS codes

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

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