#E4C9F9 - #9767C4 | 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 #E4C9F9 to #9767C4

#E4C9F9 #9767C4

Calculate the color between two colors, #E4C9F9 and #9767C4. 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)

#E4C9F9 - #9767C4 | 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 #E4C9F9 as 0% and #9767C4 as 100%.

0.0%	0.0% #E4C9F9	RGB 228 201 249	#E4C9F9
16.7%	16.7% #D7B8F0	RGB 215 184 240	#D7B8F0
33.3%	33.3% #CAA8E7	RGB 202 168 231	#CAA8E7
50.0%	50.0% #BD98DE	RGB 189 152 222	#BD98DE
66.7%	66.7% #B087D5	RGB 176 135 213	#B087D5
83.3%	83.3% #A377CC	RGB 163 119 204	#A377CC
100.0%	100.0% #9767C4	RGB 151 103 196	#9767C4

#E4C9F9 #D7B8F0 #CAA8E7 #BD98DE #B087D5 #A377CC #9767C4

#E4C9F9 - #9767C4

HSV Blend

#E4C9F9 - #9767C4 | 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 #E4C9F9 as 0% and #9767C4 as 100%.

0.0%	0.0% #E4C9F9	RGB 228 201 249	#E4C9F9
16.7%	16.7% #D6B6F0	RGB 214 182 240	#D6B6F0
33.3%	33.3% #C9A5E7	RGB 201 165 231	#C9A5E7
50.0%	50.0% #BC94DE	RGB 188 148 222	#BC94DE
66.7%	66.7% #AF84D5	RGB 175 132 213	#AF84D5
83.3%	83.3% #A375CC	RGB 163 117 204	#A375CC
100.0%	100.0% #9767C4	RGB 151 103 196	#9767C4

#E4C9F9 #D6B6F0 #C9A5E7 #BC94DE #AF84D5 #A375CC #9767C4

#E4C9F9 - #BC94DE - #9767C4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #E4C9F9 0%, #BC94DE 50%, #9767C4 100%);
    background: -webkit-linear-gradient(top, #E4C9F9 0%, #BC94DE 50%, #9767C4 100%);
    background: linear-gradient(to bottom, #E4C9F9 0%, #BC94DE 50%, #9767C4 100%);
}
</style>