#A07EB6 - #FFB8B5 | 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 #A07EB6 to #FFB8B5

#A07EB6 #FFB8B5

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

#A07EB6 - #FFB8B5 | 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 #A07EB6 as 0% and #FFB8B5 as 100%.

0.0%	0.0% #A07EB6	RGB 160 126 182	#A07EB6
16.7%	16.7% #AF87B5	RGB 175 135 181	#AF87B5
33.3%	33.3% #BF91B5	RGB 191 145 181	#BF91B5
50.0%	50.0% #CF9BB5	RGB 207 155 181	#CF9BB5
66.7%	66.7% #DFA4B5	RGB 223 164 181	#DFA4B5
83.3%	83.3% #EFAEB5	RGB 239 174 181	#EFAEB5
100.0%	100.0% #FFB8B5	RGB 255 184 181	#FFB8B5

#A07EB6 #AF87B5 #BF91B5 #CF9BB5 #DFA4B5 #EFAEB5 #FFB8B5

#A07EB6 - #FFB8B5

HSV Blend

#A07EB6 - #FFB8B5 | 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 #A07EB6 as 0% and #FFB8B5 as 100%.

0.0%	0.0% #A07EB6	RGB 160 126 182	#A07EB6
16.7%	16.7% #B986C2	RGB 185 134 194	#B986C2
33.3%	33.3% #CE90C9	RGB 206 144 201	#CE90C9
50.0%	50.0% #DA99C5	RGB 218 153 197	#DA99C5
66.7%	66.7% #E6A2C0	RGB 230 162 192	#E6A2C0
83.3%	83.3% #F2ABB9	RGB 242 171 185	#F2ABB9
100.0%	100.0% #FFB8B5	RGB 255 184 181	#FFB8B5

#A07EB6 #B986C2 #CE90C9 #DA99C5 #E6A2C0 #F2ABB9 #FFB8B5

#A07EB6 - #DA99C5 - #FFB8B5

CSS codes

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

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