#9237A0 - #DFC5E3 | 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 #9237A0 to #DFC5E3

#9237A0 #DFC5E3

Calculate the color between two colors, #9237A0 and #DFC5E3. 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)

#9237A0 - #DFC5E3 | 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 #9237A0 as 0% and #DFC5E3 as 100%.

0.0%	0.0% #9237A0	RGB 146 55 160	#9237A0
16.7%	16.7% #9E4EAB	RGB 158 78 171	#9E4EAB
33.3%	33.3% #AB66B6	RGB 171 102 182	#AB66B6
50.0%	50.0% #B87EC1	RGB 184 126 193	#B87EC1
66.7%	66.7% #C595CC	RGB 197 149 204	#C595CC
83.3%	83.3% #D2ADD7	RGB 210 173 215	#D2ADD7
100.0%	100.0% #DFC5E3	RGB 223 197 227	#DFC5E3

#9237A0 #9E4EAB #AB66B6 #B87EC1 #C595CC #D2ADD7 #DFC5E3

#9237A0 - #DFC5E3

HSV Blend

#9237A0 - #DFC5E3 | 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 #9237A0 as 0% and #DFC5E3 as 100%.

0.0%	0.0% #9137A0	RGB 145 55 160	#9137A0
16.7%	16.7% #9E49AB	RGB 158 73 171	#9E49AB
33.3%	33.3% #AA5EB6	RGB 170 94 182	#AA5EB6
50.0%	50.0% #B775C1	RGB 183 117 193	#B775C1
66.7%	66.7% #C48DCC	RGB 196 141 204	#C48DCC
83.3%	83.3% #D1A8D7	RGB 209 168 215	#D1A8D7
100.0%	100.0% #DFC5E3	RGB 223 197 227	#DFC5E3

#9137A0 #9E49AB #AA5EB6 #B775C1 #C48DCC #D1A8D7 #DFC5E3

#9237A0 - #B775C1 - #DFC5E3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9137A0 0%, #B775C1 50%, #DFC5E3 100%);
    background: -webkit-linear-gradient(top, #9137A0 0%, #B775C1 50%, #DFC5E3 100%);
    background: linear-gradient(to bottom, #9137A0 0%, #B775C1 50%, #DFC5E3 100%);
}
</style>