#7B5DA7 - #F1ACB5 | 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 #7B5DA7 to #F1ACB5

#7B5DA7 #F1ACB5

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

#7B5DA7 - #F1ACB5 | 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 #7B5DA7 as 0% and #F1ACB5 as 100%.

0.0%	0.0% #7B5DA7	RGB 123 93 167	#7B5DA7
16.7%	16.7% #8E6AA9	RGB 142 106 169	#8E6AA9
33.3%	33.3% #A277AB	RGB 162 119 171	#A277AB
50.0%	50.0% #B684AE	RGB 182 132 174	#B684AE
66.7%	66.7% #C991B0	RGB 201 145 176	#C991B0
83.3%	83.3% #DD9EB2	RGB 221 158 178	#DD9EB2
100.0%	100.0% #F1ACB5	RGB 241 172 181	#F1ACB5

#7B5DA7 #8E6AA9 #A277AB #B684AE #C991B0 #DD9EB2 #F1ACB5

#7B5DA7 - #F1ACB5

HSV Blend

#7B5DA7 - #F1ACB5 | 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 #7B5DA7 as 0% and #F1ACB5 as 100%.

0.0%	0.0% #7B5DA7	RGB 123 93 167	#7B5DA7
16.7%	16.7% #9968B3	RGB 153 104 179	#9968B3
33.3%	33.3% #B774BF	RGB 183 116 191	#B774BF
50.0%	50.0% #CC81C1	RGB 204 129 193	#CC81C1
66.7%	66.7% #D88FBC	RGB 216 143 188	#D88FBC
83.3%	83.3% #E49DB7	RGB 228 157 183	#E49DB7
100.0%	100.0% #F1ACB5	RGB 241 172 181	#F1ACB5

#7B5DA7 #9968B3 #B774BF #CC81C1 #D88FBC #E49DB7 #F1ACB5

#7B5DA7 - #CC81C1 - #F1ACB5

CSS codes

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

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