#79519C - #EDA0AB | 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 #79519C to #EDA0AB

#79519C #EDA0AB

Calculate the color between two colors, #79519C and #EDA0AB. 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)

#79519C - #EDA0AB | 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 #79519C as 0% and #EDA0AB as 100%.

0.0%	0.0% #79519C	RGB 121 81 156	#79519C
16.7%	16.7% #8C5E9E	RGB 140 94 158	#8C5E9E
33.3%	33.3% #9F6BA1	RGB 159 107 161	#9F6BA1
50.0%	50.0% #B378A3	RGB 179 120 163	#B378A3
66.7%	66.7% #C685A6	RGB 198 133 166	#C685A6
83.3%	83.3% #D992A8	RGB 217 146 168	#D992A8
100.0%	100.0% #EDA0AB	RGB 237 160 171	#EDA0AB

#79519C #8C5E9E #9F6BA1 #B378A3 #C685A6 #D992A8 #EDA0AB

#79519C - #EDA0AB

HSV Blend

#79519C - #EDA0AB | 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 #79519C as 0% and #EDA0AB as 100%.

0.0%	0.0% #79519C	RGB 121 81 156	#79519C
16.7%	16.7% #965CA9	RGB 150 92 169	#965CA9
33.3%	33.3% #B568B7	RGB 181 104 183	#B568B7
50.0%	50.0% #C475B5	RGB 196 117 181	#C475B5
66.7%	66.7% #D282B1	RGB 210 130 177	#D282B1
83.3%	83.3% #DF91AD	RGB 223 145 173	#DF91AD
100.0%	100.0% #EDA0AB	RGB 237 160 171	#EDA0AB

#79519C #965CA9 #B568B7 #C475B5 #D282B1 #DF91AD #EDA0AB

#79519C - #C475B5 - #EDA0AB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #79519C 0%, #C475B5 50%, #EDA0AB 100%);
    background: -webkit-linear-gradient(top, #79519C 0%, #C475B5 50%, #EDA0AB 100%);
    background: linear-gradient(to bottom, #79519C 0%, #C475B5 50%, #EDA0AB 100%);
}
</style>