#96308B - #EB80AC | 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 #96308B to #EB80AC

#96308B #EB80AC

Calculate the color between two colors, #96308B and #EB80AC. 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)

#96308B - #EB80AC | 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 #96308B as 0% and #EB80AC as 100%.

0.0%	0.0% #96308B	RGB 150 48 139	#96308B
16.7%	16.7% #A43D90	RGB 164 61 144	#A43D90
33.3%	33.3% #B24A96	RGB 178 74 150	#B24A96
50.0%	50.0% #C0589B	RGB 192 88 155	#C0589B
66.7%	66.7% #CE65A1	RGB 206 101 161	#CE65A1
83.3%	83.3% #DC72A6	RGB 220 114 166	#DC72A6
100.0%	100.0% #EB80AC	RGB 235 128 172	#EB80AC

#96308B #A43D90 #B24A96 #C0589B #CE65A1 #DC72A6 #EB80AC

#96308B - #EB80AC

HSV Blend

#96308B - #EB80AC | 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 #96308B as 0% and #EB80AC as 100%.

0.0%	0.0% #96308A	RGB 150 48 138	#96308A
16.7%	16.7% #A43A90	RGB 164 58 144	#A43A90
33.3%	33.3% #B24695	RGB 178 70 149	#B24695
50.0%	50.0% #C0539A	RGB 192 83 154	#C0539A
66.7%	66.7% #CE619F	RGB 206 97 159	#CE619F
83.3%	83.3% #DC70A5	RGB 220 112 165	#DC70A5
100.0%	100.0% #EB80AC	RGB 235 128 172	#EB80AC

#96308A #A43A90 #B24695 #C0539A #CE619F #DC70A5 #EB80AC

#96308B - #C0539A - #EB80AC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #96308A 0%, #C0539A 50%, #EB80AC 100%);
    background: -webkit-linear-gradient(top, #96308A 0%, #C0539A 50%, #EB80AC 100%);
    background: linear-gradient(to bottom, #96308A 0%, #C0539A 50%, #EB80AC 100%);
}
</style>