#E6B5EC - #924FB0 | 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 #E6B5EC to #924FB0

#E6B5EC #924FB0

Calculate the color between two colors, #E6B5EC and #924FB0. 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)

#E6B5EC - #924FB0 | 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 #E6B5EC as 0% and #924FB0 as 100%.

0.0%	0.0% #E6B5EC	RGB 230 181 236	#E6B5EC
16.7%	16.7% #D8A4E2	RGB 216 164 226	#D8A4E2
33.3%	33.3% #CA93D8	RGB 202 147 216	#CA93D8
50.0%	50.0% #BC82CE	RGB 188 130 206	#BC82CE
66.7%	66.7% #AE71C4	RGB 174 113 196	#AE71C4
83.3%	83.3% #A060BA	RGB 160 96 186	#A060BA
100.0%	100.0% #924FB0	RGB 146 79 176	#924FB0

#E6B5EC #D8A4E2 #CA93D8 #BC82CE #AE71C4 #A060BA #924FB0

#E6B5EC - #924FB0

HSV Blend

#E6B5EC - #924FB0 | 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 #E6B5EC as 0% and #924FB0 as 100%.

0.0%	0.0% #E6B5EC	RGB 230 181 236	#E6B5EC
16.7%	16.7% #D8A1E2	RGB 216 161 226	#D8A1E2
33.3%	33.3% #CB8ED8	RGB 203 142 216	#CB8ED8
50.0%	50.0% #BD7DCE	RGB 189 125 206	#BD7DCE
66.7%	66.7% #AE6CC4	RGB 174 108 196	#AE6CC4
83.3%	83.3% #A05DBA	RGB 160 93 186	#A05DBA
100.0%	100.0% #924FB0	RGB 146 79 176	#924FB0

#E6B5EC #D8A1E2 #CB8ED8 #BD7DCE #AE6CC4 #A05DBA #924FB0

#E6B5EC - #BD7DCE - #924FB0

CSS codes

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

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