#B080A2 - #E8DAE4 | 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 #B080A2 to #E8DAE4

#B080A2 #E8DAE4

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

#B080A2 - #E8DAE4 | 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 #B080A2 as 0% and #E8DAE4 as 100%.

0.0%	0.0% #B080A2	RGB 176 128 162	#B080A2
16.7%	16.7% #B98FAD	RGB 185 143 173	#B98FAD
33.3%	33.3% #C29EB8	RGB 194 158 184	#C29EB8
50.0%	50.0% #CCADC3	RGB 204 173 195	#CCADC3
66.7%	66.7% #D5BCCE	RGB 213 188 206	#D5BCCE
83.3%	83.3% #DECBD9	RGB 222 203 217	#DECBD9
100.0%	100.0% #E8DAE4	RGB 232 218 228	#E8DAE4

#B080A2 #B98FAD #C29EB8 #CCADC3 #D5BCCE #DECBD9 #E8DAE4

#B080A2 - #E8DAE4

HSV Blend

#B080A2 - #E8DAE4 | 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 #B080A2 as 0% and #E8DAE4 as 100%.

0.0%	0.0% #B080A2	RGB 176 128 162	#B080A2
16.7%	16.7% #B98DAC	RGB 185 141 172	#B98DAC
33.3%	33.3% #C29BB7	RGB 194 155 183	#C29BB7
50.0%	50.0% #CCAAC2	RGB 204 170 194	#CCAAC2
66.7%	66.7% #D5B9CD	RGB 213 185 205	#D5B9CD
83.3%	83.3% #DEC9D8	RGB 222 201 216	#DEC9D8
100.0%	100.0% #E8DAE4	RGB 232 218 228	#E8DAE4

#B080A2 #B98DAC #C29BB7 #CCAAC2 #D5B9CD #DEC9D8 #E8DAE4

#B080A2 - #CCAAC2 - #E8DAE4

CSS codes

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

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