#E5B2FF - #403248 | 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 #E5B2FF to #403248

#E5B2FF #403248

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

#E5B2FF - #403248 | 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 #E5B2FF as 0% and #403248 as 100%.

0.0%	0.0% #E5B2FF	RGB 229 178 255	#E5B2FF
16.7%	16.7% #C99CE0	RGB 201 156 224	#C99CE0
33.3%	33.3% #AE87C2	RGB 174 135 194	#AE87C2
50.0%	50.0% #9272A3	RGB 146 114 163	#9272A3
66.7%	66.7% #775C84	RGB 119 92 132	#775C84
83.3%	83.3% #5B4766	RGB 91 71 102	#5B4766
100.0%	100.0% #403248	RGB 64 50 72	#403248

#E5B2FF #C99CE0 #AE87C2 #9272A3 #775C84 #5B4766 #403248

#E5B2FF - #403248

HSV Blend

#E5B2FF - #403248 | 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 #E5B2FF as 0% and #403248 as 100%.

0.0%	0.0% #E5B2FF	RGB 229 178 255	#E5B2FF
16.7%	16.7% #C99CE0	RGB 201 156 224	#C99CE0
33.3%	33.3% #AD87C2	RGB 173 135 194	#AD87C2
50.0%	50.0% #9271A3	RGB 146 113 163	#9271A3
66.7%	66.7% #765C84	RGB 118 92 132	#765C84
83.3%	83.3% #5B4766	RGB 91 71 102	#5B4766
100.0%	100.0% #403248	RGB 64 50 72	#403248

#E5B2FF #C99CE0 #AD87C2 #9271A3 #765C84 #5B4766 #403248

#E5B2FF - #9271A3 - #403248

CSS codes

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

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