#7B5E99 - #F5AAA5 | 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 #7B5E99 to #F5AAA5

#7B5E99 #F5AAA5

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

#7B5E99 - #F5AAA5 | 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 #7B5E99 as 0% and #F5AAA5 as 100%.

0.0%	0.0% #7B5E99	RGB 123 94 153	#7B5E99
16.7%	16.7% #8F6A9B	RGB 143 106 155	#8F6A9B
33.3%	33.3% #A3779D	RGB 163 119 157	#A3779D
50.0%	50.0% #B8849F	RGB 184 132 159	#B8849F
66.7%	66.7% #CC90A1	RGB 204 144 161	#CC90A1
83.3%	83.3% #E09DA3	RGB 224 157 163	#E09DA3
100.0%	100.0% #F5AAA5	RGB 245 170 165	#F5AAA5

#7B5E99 #8F6A9B #A3779D #B8849F #CC90A1 #E09DA3 #F5AAA5

#7B5E99 - #F5AAA5

HSV Blend

#7B5E99 - #F5AAA5 | 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 #7B5E99 as 0% and #F5AAA5 as 100%.

0.0%	0.0% #7B5E99	RGB 123 94 153	#7B5E99
16.7%	16.7% #9869A8	RGB 152 105 168	#9869A8
33.3%	33.3% #B774B6	RGB 183 116 182	#B774B6
50.0%	50.0% #C780B3	RGB 199 128 179	#C780B3
66.7%	66.7% #D68CAE	RGB 214 140 174	#D68CAE
83.3%	83.3% #E598A7	RGB 229 152 167	#E598A7
100.0%	100.0% #F5AAA5	RGB 245 170 165	#F5AAA5

#7B5E99 #9869A8 #B774B6 #C780B3 #D68CAE #E598A7 #F5AAA5

#7B5E99 - #C780B3 - #F5AAA5

CSS codes

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

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