#E7B5EE - #934EB3 | 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 #E7B5EE to #934EB3

#E7B5EE #934EB3

Calculate the color between two colors, #E7B5EE and #934EB3. 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)

#E7B5EE - #934EB3 | 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 #E7B5EE as 0% and #934EB3 as 100%.

0.0%	0.0% #E7B5EE	RGB 231 181 238	#E7B5EE
16.7%	16.7% #D9A3E4	RGB 217 163 228	#D9A3E4
33.3%	33.3% #CB92DA	RGB 203 146 218	#CB92DA
50.0%	50.0% #BD81D0	RGB 189 129 208	#BD81D0
66.7%	66.7% #AF70C6	RGB 175 112 198	#AF70C6
83.3%	83.3% #A15FBC	RGB 161 95 188	#A15FBC
100.0%	100.0% #934EB3	RGB 147 78 179	#934EB3

#E7B5EE #D9A3E4 #CB92DA #BD81D0 #AF70C6 #A15FBC #934EB3

#E7B5EE - #934EB3

HSV Blend

#E7B5EE - #934EB3 | 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 #E7B5EE as 0% and #934EB3 as 100%.

0.0%	0.0% #E7B5EE	RGB 231 181 238	#E7B5EE
16.7%	16.7% #D9A1E4	RGB 217 161 228	#D9A1E4
33.3%	33.3% #CC8EDA	RGB 204 142 218	#CC8EDA
50.0%	50.0% #BE7CD0	RGB 190 124 208	#BE7CD0
66.7%	66.7% #AF6CC6	RGB 175 108 198	#AF6CC6
83.3%	83.3% #A15CBC	RGB 161 92 188	#A15CBC
100.0%	100.0% #934EB3	RGB 147 78 179	#934EB3

#E7B5EE #D9A1E4 #CC8EDA #BE7CD0 #AF6CC6 #A15CBC #934EB3

#E7B5EE - #BE7CD0 - #934EB3

CSS codes

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

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