#E9C7FF - #C15FD0 | 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 #E9C7FF to #C15FD0

#E9C7FF #C15FD0

Calculate the color between two colors, #E9C7FF and #C15FD0. 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)

#E9C7FF - #C15FD0 | 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 #E9C7FF as 0% and #C15FD0 as 100%.

0.0%	0.0% #E9C7FF	RGB 233 199 255	#E9C7FF
16.7%	16.7% #E2B5F7	RGB 226 181 247	#E2B5F7
33.3%	33.3% #DBA4EF	RGB 219 164 239	#DBA4EF
50.0%	50.0% #D593E7	RGB 213 147 231	#D593E7
66.7%	66.7% #CE81DF	RGB 206 129 223	#CE81DF
83.3%	83.3% #C770D7	RGB 199 112 215	#C770D7
100.0%	100.0% #C15FD0	RGB 193 95 208	#C15FD0

#E9C7FF #E2B5F7 #DBA4EF #D593E7 #CE81DF #C770D7 #C15FD0

#E9C7FF - #C15FD0

HSV Blend

#E9C7FF - #C15FD0 | 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 #E9C7FF as 0% and #C15FD0 as 100%.

0.0%	0.0% #E9C7FF	RGB 233 199 255	#E9C7FF
16.7%	16.7% #DFB3F7	RGB 223 179 247	#DFB3F7
33.3%	33.3% #D7A0EF	RGB 215 160 239	#D7A0EF
50.0%	50.0% #D08FE7	RGB 208 143 231	#D08FE7
66.7%	66.7% #CA7EDF	RGB 202 126 223	#CA7EDF
83.3%	83.3% #C56ED7	RGB 197 110 215	#C56ED7
100.0%	100.0% #C15FD0	RGB 193 95 208	#C15FD0

#E9C7FF #DFB3F7 #D7A0EF #D08FE7 #CA7EDF #C56ED7 #C15FD0

#E9C7FF - #D08FE7 - #C15FD0

CSS codes

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

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