#7B5A8C - #F5A496 | 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 #7B5A8C to #F5A496

#7B5A8C #F5A496

Calculate the color between two colors, #7B5A8C and #F5A496. 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)

#7B5A8C - #F5A496 | 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 #7B5A8C as 0% and #F5A496 as 100%.

0.0%	0.0% #7B5A8C	RGB 123 90 140	#7B5A8C
16.7%	16.7% #8F668D	RGB 143 102 141	#8F668D
33.3%	33.3% #A3728F	RGB 163 114 143	#A3728F
50.0%	50.0% #B87F91	RGB 184 127 145	#B87F91
66.7%	66.7% #CC8B92	RGB 204 139 146	#CC8B92
83.3%	83.3% #E09794	RGB 224 151 148	#E09794
100.0%	100.0% #F5A496	RGB 245 164 150	#F5A496

#7B5A8C #8F668D #A3728F #B87F91 #CC8B92 #E09794 #F5A496

#7B5A8C - #F5A496

HSV Blend

#7B5A8C - #F5A496 | 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 #7B5A8C as 0% and #F5A496 as 100%.

0.0%	0.0% #7B5A8C	RGB 123 90 140	#7B5A8C
16.7%	16.7% #98649D	RGB 152 100 157	#98649D
33.3%	33.3% #AF6EA4	RGB 175 110 164	#AF6EA4
50.0%	50.0% #C078A3	RGB 192 120 163	#C078A3
66.7%	66.7% #D2829E	RGB 210 130 158	#D2829E
83.3%	83.3% #E38C95	RGB 227 140 149	#E38C95
100.0%	100.0% #F5A496	RGB 245 164 150	#F5A496

#7B5A8C #98649D #AF6EA4 #C078A3 #D2829E #E38C95 #F5A496

#7B5A8C - #C078A3 - #F5A496

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7B5A8C 0%, #C078A3 50%, #F5A496 100%);
    background: -webkit-linear-gradient(top, #7B5A8C 0%, #C078A3 50%, #F5A496 100%);
    background: linear-gradient(to bottom, #7B5A8C 0%, #C078A3 50%, #F5A496 100%);
}
</style>