#96005A - #E1B6CF | 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 #96005A to #E1B6CF

#96005A #E1B6CF

Calculate the color between two colors, #96005A and #E1B6CF. 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)

#96005A - #E1B6CF | 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 #96005A as 0% and #E1B6CF as 100%.

0.0%	0.0% #96005A	RGB 150 0 90	#96005A
16.7%	16.7% #A21E6D	RGB 162 30 109	#A21E6D
33.3%	33.3% #AF3C81	RGB 175 60 129	#AF3C81
50.0%	50.0% #BB5B94	RGB 187 91 148	#BB5B94
66.7%	66.7% #C879A8	RGB 200 121 168	#C879A8
83.3%	83.3% #D497BB	RGB 212 151 187	#D497BB
100.0%	100.0% #E1B6CF	RGB 225 182 207	#E1B6CF

#96005A #A21E6D #AF3C81 #BB5B94 #C879A8 #D497BB #E1B6CF

#96005A - #E1B6CF

HSV Blend

#96005A - #E1B6CF | 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 #96005A as 0% and #E1B6CF as 100%.

0.0%	0.0% #96005A	RGB 150 0 90	#96005A
16.7%	16.7% #A21569	RGB 162 21 105	#A21569
33.3%	33.3% #AF2F7B	RGB 175 47 123	#AF2F7B
50.0%	50.0% #BB4B8D	RGB 187 75 141	#BB4B8D
66.7%	66.7% #C86BA1	RGB 200 107 161	#C86BA1
83.3%	83.3% #D48FB7	RGB 212 143 183	#D48FB7
100.0%	100.0% #E1B6CF	RGB 225 182 207	#E1B6CF

#96005A #A21569 #AF2F7B #BB4B8D #C86BA1 #D48FB7 #E1B6CF

#96005A - #BB4B8D - #E1B6CF

CSS codes

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

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