#965EB9 - #E2D1EB | 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 #965EB9 to #E2D1EB

#965EB9 #E2D1EB

Calculate the color between two colors, #965EB9 and #E2D1EB. 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)

#965EB9 - #E2D1EB | 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 #965EB9 as 0% and #E2D1EB as 100%.

0.0%	0.0% #965EB9	RGB 150 94 185	#965EB9
16.7%	16.7% #A271C1	RGB 162 113 193	#A271C1
33.3%	33.3% #AF84C9	RGB 175 132 201	#AF84C9
50.0%	50.0% #BC97D2	RGB 188 151 210	#BC97D2
66.7%	66.7% #C8AADA	RGB 200 170 218	#C8AADA
83.3%	83.3% #D5BDE2	RGB 213 189 226	#D5BDE2
100.0%	100.0% #E2D1EB	RGB 226 209 235	#E2D1EB

#965EB9 #A271C1 #AF84C9 #BC97D2 #C8AADA #D5BDE2 #E2D1EB

#965EB9 - #E2D1EB

HSV Blend

#965EB9 - #E2D1EB | 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 #965EB9 as 0% and #E2D1EB as 100%.

0.0%	0.0% #965EB9	RGB 150 94 185	#965EB9
16.7%	16.7% #A26EC1	RGB 162 110 193	#A26EC1
33.3%	33.3% #AE80C9	RGB 174 128 201	#AE80C9
50.0%	50.0% #BA92D2	RGB 186 146 210	#BA92D2
66.7%	66.7% #C7A6DA	RGB 199 166 218	#C7A6DA
83.3%	83.3% #D4BBE2	RGB 212 187 226	#D4BBE2
100.0%	100.0% #E2D1EB	RGB 226 209 235	#E2D1EB

#965EB9 #A26EC1 #AE80C9 #BA92D2 #C7A6DA #D4BBE2 #E2D1EB

#965EB9 - #BA92D2 - #E2D1EB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #965EB9 0%, #BA92D2 50%, #E2D1EB 100%);
    background: -webkit-linear-gradient(top, #965EB9 0%, #BA92D2 50%, #E2D1EB 100%);
    background: linear-gradient(to bottom, #965EB9 0%, #BA92D2 50%, #E2D1EB 100%);
}
</style>