#784A8D - #EC969A | 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 #784A8D to #EC969A

#784A8D #EC969A

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

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

0.0%	0.0% #784A8D	RGB 120 74 141	#784A8D
16.7%	16.7% #8B568F	RGB 139 86 143	#8B568F
33.3%	33.3% #9E6391	RGB 158 99 145	#9E6391
50.0%	50.0% #B27093	RGB 178 112 147	#B27093
66.7%	66.7% #C57C95	RGB 197 124 149	#C57C95
83.3%	83.3% #D88997	RGB 216 137 151	#D88997
100.0%	100.0% #EC969A	RGB 236 150 154	#EC969A

#784A8D #8B568F #9E6391 #B27093 #C57C95 #D88997 #EC969A

#784A8D - #EC969A

HSV Blend

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

0.0%	0.0% #784A8D	RGB 120 74 141	#784A8D
16.7%	16.7% #95559C	RGB 149 85 156	#95559C
33.3%	33.3% #AC60A4	RGB 172 96 164	#AC60A4
50.0%	50.0% #BC6DA3	RGB 188 109 163	#BC6DA3
66.7%	66.7% #CC7AA0	RGB 204 122 160	#CC7AA0
83.3%	83.3% #DC879D	RGB 220 135 157	#DC879D
100.0%	100.0% #EC969A	RGB 236 150 154	#EC969A

#784A8D #95559C #AC60A4 #BC6DA3 #CC7AA0 #DC879D #EC969A

#784A8D - #BC6DA3 - #EC969A

CSS codes

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

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