#E5B5EE - #C45EDB | 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 #E5B5EE to #C45EDB

#E5B5EE #C45EDB

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

#E5B5EE - #C45EDB | 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 #E5B5EE as 0% and #C45EDB as 100%.

0.0%	0.0% #E5B5EE	RGB 229 181 238	#E5B5EE
16.7%	16.7% #DFA6EA	RGB 223 166 234	#DFA6EA
33.3%	33.3% #DA98E7	RGB 218 152 231	#DA98E7
50.0%	50.0% #D489E4	RGB 212 137 228	#D489E4
66.7%	66.7% #CF7BE1	RGB 207 123 225	#CF7BE1
83.3%	83.3% #C96CDE	RGB 201 108 222	#C96CDE
100.0%	100.0% #C45EDB	RGB 196 94 219	#C45EDB

#E5B5EE #DFA6EA #DA98E7 #D489E4 #CF7BE1 #C96CDE #C45EDB

#E5B5EE - #C45EDB

HSV Blend

#E5B5EE - #C45EDB | 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 #E5B5EE as 0% and #C45EDB as 100%.

0.0%	0.0% #E5B5EE	RGB 229 181 238	#E5B5EE
16.7%	16.7% #DFA5EA	RGB 223 165 234	#DFA5EA
33.3%	33.3% #DA96E7	RGB 218 150 231	#DA96E7
50.0%	50.0% #D487E4	RGB 212 135 228	#D487E4
66.7%	66.7% #CF79E1	RGB 207 121 225	#CF79E1
83.3%	83.3% #C96BDE	RGB 201 107 222	#C96BDE
100.0%	100.0% #C45EDB	RGB 196 94 219	#C45EDB

#E5B5EE #DFA5EA #DA96E7 #D487E4 #CF79E1 #C96BDE #C45EDB

#E5B5EE - #D487E4 - #C45EDB

CSS codes

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

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