#80749C - #FFBDA7 | 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 #80749C to #FFBDA7

#80749C #FFBDA7

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

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

0.0%	0.0% #80749C	RGB 128 116 156	#80749C
16.7%	16.7% #95809D	RGB 149 128 157	#95809D
33.3%	33.3% #AA8C9F	RGB 170 140 159	#AA8C9F
50.0%	50.0% #BF98A1	RGB 191 152 161	#BF98A1
66.7%	66.7% #D4A4A3	RGB 212 164 163	#D4A4A3
83.3%	83.3% #E9B0A5	RGB 233 176 165	#E9B0A5
100.0%	100.0% #FFBDA7	RGB 255 189 167	#FFBDA7

#80749C #95809D #AA8C9F #BF98A1 #D4A4A3 #E9B0A5 #FFBDA7

#80749C - #FFBDA7

HSV Blend

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

0.0%	0.0% #7F749C	RGB 127 116 156	#7F749C
16.7%	16.7% #9A7DAC	RGB 154 125 172	#9A7DAC
33.3%	33.3% #BA86BD	RGB 186 134 189	#BA86BD
50.0%	50.0% #CD8FBC	RGB 205 143 188	#CD8FBC
66.7%	66.7% #DE97B3	RGB 222 151 179	#DE97B3
83.3%	83.3% #EE9FA5	RGB 238 159 165	#EE9FA5
100.0%	100.0% #FFBDA7	RGB 255 189 167	#FFBDA7

#7F749C #9A7DAC #BA86BD #CD8FBC #DE97B3 #EE9FA5 #FFBDA7

#80749C - #CD8FBC - #FFBDA7

CSS codes

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

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