#9A1C5E - #E2BED1 | 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 #9A1C5E to #E2BED1

#9A1C5E #E2BED1

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

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

0.0%	0.0% #9A1C5E	RGB 154 28 94	#9A1C5E
16.7%	16.7% #A63771	RGB 166 55 113	#A63771
33.3%	33.3% #B25284	RGB 178 82 132	#B25284
50.0%	50.0% #BE6D97	RGB 190 109 151	#BE6D97
66.7%	66.7% #CA88AA	RGB 202 136 170	#CA88AA
83.3%	83.3% #D6A3BD	RGB 214 163 189	#D6A3BD
100.0%	100.0% #E2BED1	RGB 226 190 209	#E2BED1

#9A1C5E #A63771 #B25284 #BE6D97 #CA88AA #D6A3BD #E2BED1

#9A1C5E - #E2BED1

HSV Blend

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

0.0%	0.0% #9A1C5E	RGB 154 28 94	#9A1C5E
16.7%	16.7% #A6306E	RGB 166 48 110	#A6306E
33.3%	33.3% #B2477F	RGB 178 71 127	#B2477F
50.0%	50.0% #BE6191	RGB 190 97 145	#BE6191
66.7%	66.7% #CA7DA5	RGB 202 125 165	#CA7DA5
83.3%	83.3% #D69CBA	RGB 214 156 186	#D69CBA
100.0%	100.0% #E2BED1	RGB 226 190 209	#E2BED1

#9A1C5E #A6306E #B2477F #BE6191 #CA7DA5 #D69CBA #E2BED1

#9A1C5E - #BE6191 - #E2BED1

CSS codes

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

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