#764A8D - #EB969B | 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 #764A8D to #EB969B

#764A8D #EB969B

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

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

0.0%	0.0% #764A8D	RGB 118 74 141	#764A8D
16.7%	16.7% #89568F	RGB 137 86 143	#89568F
33.3%	33.3% #9D6391	RGB 157 99 145	#9D6391
50.0%	50.0% #B07094	RGB 176 112 148	#B07094
66.7%	66.7% #C47C96	RGB 196 124 150	#C47C96
83.3%	83.3% #D78998	RGB 215 137 152	#D78998
100.0%	100.0% #EB969B	RGB 235 150 155	#EB969B

#764A8D #89568F #9D6391 #B07094 #C47C96 #D78998 #EB969B

#764A8D - #EB969B

HSV Blend

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

0.0%	0.0% #764A8D	RGB 118 74 141	#764A8D
16.7%	16.7% #93559C	RGB 147 85 156	#93559C
33.3%	33.3% #AC60A5	RGB 172 96 165	#AC60A5
50.0%	50.0% #BC6DA4	RGB 188 109 164	#BC6DA4
66.7%	66.7% #CB7AA1	RGB 203 122 161	#CB7AA1
83.3%	83.3% #DB879E	RGB 219 135 158	#DB879E
100.0%	100.0% #EB969B	RGB 235 150 155	#EB969B

#764A8D #93559C #AC60A5 #BC6DA4 #CB7AA1 #DB879E #EB969B

#764A8D - #BC6DA4 - #EB969B

CSS codes

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

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