#9C7EE4 - #E2DAF7 | 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 #9C7EE4 to #E2DAF7

#9C7EE4 #E2DAF7

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

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

0.0%	0.0% #9C7EE4	RGB 156 126 228	#9C7EE4
16.7%	16.7% #A78DE7	RGB 167 141 231	#A78DE7
33.3%	33.3% #B39CEA	RGB 179 156 234	#B39CEA
50.0%	50.0% #BFACED	RGB 191 172 237	#BFACED
66.7%	66.7% #CABBF0	RGB 202 187 240	#CABBF0
83.3%	83.3% #D6CAF3	RGB 214 202 243	#D6CAF3
100.0%	100.0% #E2DAF7	RGB 226 218 247	#E2DAF7

#9C7EE4 #A78DE7 #B39CEA #BFACED #CABBF0 #D6CAF3 #E2DAF7

#9C7EE4 - #E2DAF7

HSV Blend

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

0.0%	0.0% #9C7EE4	RGB 156 126 228	#9C7EE4
16.7%	16.7% #A68CE7	RGB 166 140 231	#A68CE7
33.3%	33.3% #B29BEA	RGB 178 155 234	#B29BEA
50.0%	50.0% #BDAAED	RGB 189 170 237	#BDAAED
66.7%	66.7% #C9B9F0	RGB 201 185 240	#C9B9F0
83.3%	83.3% #D5C9F3	RGB 213 201 243	#D5C9F3
100.0%	100.0% #E2DAF7	RGB 226 218 247	#E2DAF7

#9C7EE4 #A68CE7 #B29BEA #BDAAED #C9B9F0 #D5C9F3 #E2DAF7

#9C7EE4 - #BDAAED - #E2DAF7

CSS codes

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

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