#9A4A8F - #E2CBDF | 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 #9A4A8F to #E2CBDF

#9A4A8F #E2CBDF

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

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

0.0%	0.0% #9A4A8F	RGB 154 74 143	#9A4A8F
16.7%	16.7% #A65F9C	RGB 166 95 156	#A65F9C
33.3%	33.3% #B275A9	RGB 178 117 169	#B275A9
50.0%	50.0% #BE8AB7	RGB 190 138 183	#BE8AB7
66.7%	66.7% #CAA0C4	RGB 202 160 196	#CAA0C4
83.3%	83.3% #D6B5D1	RGB 214 181 209	#D6B5D1
100.0%	100.0% #E2CBDF	RGB 226 203 223	#E2CBDF

#9A4A8F #A65F9C #B275A9 #BE8AB7 #CAA0C4 #D6B5D1 #E2CBDF

#9A4A8F - #E2CBDF

HSV Blend

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

0.0%	0.0% #9A4A8F	RGB 154 74 143	#9A4A8F
16.7%	16.7% #A65B9B	RGB 166 91 155	#A65B9B
33.3%	33.3% #B26EA8	RGB 178 110 168	#B26EA8
50.0%	50.0% #BE82B6	RGB 190 130 182	#BE82B6
66.7%	66.7% #CA99C3	RGB 202 153 195	#CA99C3
83.3%	83.3% #D6B1D1	RGB 214 177 209	#D6B1D1
100.0%	100.0% #E2CBDF	RGB 226 203 223	#E2CBDF

#9A4A8F #A65B9B #B26EA8 #BE82B6 #CA99C3 #D6B1D1 #E2CBDF

#9A4A8F - #BE82B6 - #E2CBDF

CSS codes

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

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