#B79FCD - #EAE3F0 | 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 #B79FCD to #EAE3F0

#B79FCD #EAE3F0

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

#B79FCD - #EAE3F0 | 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 #B79FCD as 0% and #EAE3F0 as 100%.

0.0%	0.0% #B79FCD	RGB 183 159 205	#B79FCD
16.7%	16.7% #BFAAD2	RGB 191 170 210	#BFAAD2
33.3%	33.3% #C8B5D8	RGB 200 181 216	#C8B5D8
50.0%	50.0% #D0C1DE	RGB 208 193 222	#D0C1DE
66.7%	66.7% #D9CCE4	RGB 217 204 228	#D9CCE4
83.3%	83.3% #E1D7EA	RGB 225 215 234	#E1D7EA
100.0%	100.0% #EAE3F0	RGB 234 227 240	#EAE3F0

#B79FCD #BFAAD2 #C8B5D8 #D0C1DE #D9CCE4 #E1D7EA #EAE3F0

#B79FCD - #EAE3F0

HSV Blend

#B79FCD - #EAE3F0 | 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 #B79FCD as 0% and #EAE3F0 as 100%.

0.0%	0.0% #B79FCD	RGB 183 159 205	#B79FCD
16.7%	16.7% #BFA9D2	RGB 191 169 210	#BFA9D2
33.3%	33.3% #C7B4D8	RGB 199 180 216	#C7B4D8
50.0%	50.0% #CFBFDE	RGB 207 191 222	#CFBFDE
66.7%	66.7% #D8CBE4	RGB 216 203 228	#D8CBE4
83.3%	83.3% #E1D6EA	RGB 225 214 234	#E1D6EA
100.0%	100.0% #EAE3F0	RGB 234 227 240	#EAE3F0

#B79FCD #BFA9D2 #C7B4D8 #CFBFDE #D8CBE4 #E1D6EA #EAE3F0

#B79FCD - #CFBFDE - #EAE3F0

CSS codes

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

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