#9B5E63 - #DC7DF1 | 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 #9B5E63 to #DC7DF1

#9B5E63 #DC7DF1

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

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

0.0%	0.0% #9B5E63	RGB 155 94 99	#9B5E63
16.7%	16.7% #A5637A	RGB 165 99 122	#A5637A
33.3%	33.3% #B06892	RGB 176 104 146	#B06892
50.0%	50.0% #BB6DAA	RGB 187 109 170	#BB6DAA
66.7%	66.7% #C672C1	RGB 198 114 193	#C672C1
83.3%	83.3% #D177D9	RGB 209 119 217	#D177D9
100.0%	100.0% #DC7DF1	RGB 220 125 241	#DC7DF1

#9B5E63 #A5637A #B06892 #BB6DAA #C672C1 #D177D9 #DC7DF1

#9B5E63 - #DC7DF1

HSV Blend

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

0.0%	0.0% #9B5E63	RGB 155 94 99	#9B5E63
16.7%	16.7% #A96476	RGB 169 100 118	#A96476
33.3%	33.3% #B76A8C	RGB 183 106 140	#B76A8C
50.0%	50.0% #C66FA6	RGB 198 111 166	#C66FA6
66.7%	66.7% #D474C2	RGB 212 116 194	#D474C2
83.3%	83.3% #E278E2	RGB 226 120 226	#E278E2
100.0%	100.0% #DC7DF1	RGB 220 125 241	#DC7DF1

#9B5E63 #A96476 #B76A8C #C66FA6 #D474C2 #E278E2 #DC7DF1

#9B5E63 - #C66FA6 - #DC7DF1

CSS codes

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

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