#B080AC - #E8DAE7 | 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 #B080AC to #E8DAE7

#B080AC #E8DAE7

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

#B080AC - #E8DAE7 | 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 #B080AC as 0% and #E8DAE7 as 100%.

0.0%	0.0% #B080AC	RGB 176 128 172	#B080AC
16.7%	16.7% #B98FB5	RGB 185 143 181	#B98FB5
33.3%	33.3% #C29EBF	RGB 194 158 191	#C29EBF
50.0%	50.0% #CCADC9	RGB 204 173 201	#CCADC9
66.7%	66.7% #D5BCD3	RGB 213 188 211	#D5BCD3
83.3%	83.3% #DECBDD	RGB 222 203 221	#DECBDD
100.0%	100.0% #E8DAE7	RGB 232 218 231	#E8DAE7

#B080AC #B98FB5 #C29EBF #CCADC9 #D5BCD3 #DECBDD #E8DAE7

#B080AC - #E8DAE7

HSV Blend

#B080AC - #E8DAE7 | 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 #B080AC as 0% and #E8DAE7 as 100%.

0.0%	0.0% #B080AC	RGB 176 128 172	#B080AC
16.7%	16.7% #B98DB5	RGB 185 141 181	#B98DB5
33.3%	33.3% #C29BBF	RGB 194 155 191	#C29BBF
50.0%	50.0% #CCAAC9	RGB 204 170 201	#CCAAC9
66.7%	66.7% #D5B9D3	RGB 213 185 211	#D5B9D3
83.3%	83.3% #DEC9DD	RGB 222 201 221	#DEC9DD
100.0%	100.0% #E8DAE7	RGB 232 218 231	#E8DAE7

#B080AC #B98DB5 #C29BBF #CCAAC9 #D5B9D3 #DEC9DD #E8DAE7

#B080AC - #CCAAC9 - #E8DAE7

CSS codes

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

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