#764C92 - #EB99A1 | 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 #764C92 to #EB99A1

#764C92 #EB99A1

Calculate the color between two colors, #764C92 and #EB99A1. 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)

#764C92 - #EB99A1 | 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 #764C92 as 0% and #EB99A1 as 100%.

0.0%	0.0% #764C92	RGB 118 76 146	#764C92
16.7%	16.7% #895894	RGB 137 88 148	#895894
33.3%	33.3% #9D6597	RGB 157 101 151	#9D6597
50.0%	50.0% #B07299	RGB 176 114 153	#B07299
66.7%	66.7% #C47F9C	RGB 196 127 156	#C47F9C
83.3%	83.3% #D78C9E	RGB 215 140 158	#D78C9E
100.0%	100.0% #EB99A1	RGB 235 153 161	#EB99A1

#764C92 #895894 #9D6597 #B07299 #C47F9C #D78C9E #EB99A1

#764C92 - #EB99A1

HSV Blend

#764C92 - #EB99A1 | 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 #764C92 as 0% and #EB99A1 as 100%.

0.0%	0.0% #764C92	RGB 118 76 146	#764C92
16.7%	16.7% #9357A0	RGB 147 87 160	#9357A0
33.3%	33.3% #AF63AD	RGB 175 99 173	#AF63AD
50.0%	50.0% #BE6FAA	RGB 190 111 170	#BE6FAA
66.7%	66.7% #CD7CA7	RGB 205 124 167	#CD7CA7
83.3%	83.3% #DC8AA4	RGB 220 138 164	#DC8AA4
100.0%	100.0% #EB99A1	RGB 235 153 161	#EB99A1

#764C92 #9357A0 #AF63AD #BE6FAA #CD7CA7 #DC8AA4 #EB99A1

#764C92 - #BE6FAA - #EB99A1

CSS codes

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

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