#960B5E - #E1B9D1 | 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 #960B5E to #E1B9D1

#960B5E #E1B9D1

Calculate the color between two colors, #960B5E and #E1B9D1. 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)

#960B5E - #E1B9D1 | 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 #960B5E as 0% and #E1B9D1 as 100%.

0.0%	0.0% #960B5E	RGB 150 11 94	#960B5E
16.7%	16.7% #A22871	RGB 162 40 113	#A22871
33.3%	33.3% #AF4584	RGB 175 69 132	#AF4584
50.0%	50.0% #BB6297	RGB 187 98 151	#BB6297
66.7%	66.7% #C87FAA	RGB 200 127 170	#C87FAA
83.3%	83.3% #D49CBD	RGB 212 156 189	#D49CBD
100.0%	100.0% #E1B9D1	RGB 225 185 209	#E1B9D1

#960B5E #A22871 #AF4584 #BB6297 #C87FAA #D49CBD #E1B9D1

#960B5E - #E1B9D1

HSV Blend

#960B5E - #E1B9D1 | 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 #960B5E as 0% and #E1B9D1 as 100%.

0.0%	0.0% #960A5E	RGB 150 10 94	#960A5E
16.7%	16.7% #A2206E	RGB 162 32 110	#A2206E
33.3%	33.3% #AF387F	RGB 175 56 127	#AF387F
50.0%	50.0% #BB5391	RGB 187 83 145	#BB5391
66.7%	66.7% #C872A5	RGB 200 114 165	#C872A5
83.3%	83.3% #D494BA	RGB 212 148 186	#D494BA
100.0%	100.0% #E1B9D1	RGB 225 185 209	#E1B9D1

#960A5E #A2206E #AF387F #BB5391 #C872A5 #D494BA #E1B9D1

#960B5E - #BB5391 - #E1B9D1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #960A5E 0%, #BB5391 50%, #E1B9D1 100%);
    background: -webkit-linear-gradient(top, #960A5E 0%, #BB5391 50%, #E1B9D1 100%);
    background: linear-gradient(to bottom, #960A5E 0%, #BB5391 50%, #E1B9D1 100%);
}
</style>