#B9A8D3 - #FFE0CE | 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 #B9A8D3 to #FFE0CE

#B9A8D3 #FFE0CE

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

#B9A8D3 - #FFE0CE | 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 #B9A8D3 as 0% and #FFE0CE as 100%.

0.0%	0.0% #B9A8D3	RGB 185 168 211	#B9A8D3
16.7%	16.7% #C4B1D2	RGB 196 177 210	#C4B1D2
33.3%	33.3% #D0BAD1	RGB 208 186 209	#D0BAD1
50.0%	50.0% #DCC4D0	RGB 220 196 208	#DCC4D0
66.7%	66.7% #E7CDCF	RGB 231 205 207	#E7CDCF
83.3%	83.3% #F3D6CE	RGB 243 214 206	#F3D6CE
100.0%	100.0% #FFE0CE	RGB 255 224 206	#FFE0CE

#B9A8D3 #C4B1D2 #D0BAD1 #DCC4D0 #E7CDCF #F3D6CE #FFE0CE

#B9A8D3 - #FFE0CE

HSV Blend

#B9A8D3 - #FFE0CE | 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 #B9A8D3 as 0% and #FFE0CE as 100%.

0.0%	0.0% #B9A8D3	RGB 185 168 211	#B9A8D3
16.7%	16.7% #CEAEDA	RGB 206 174 218	#CEAEDA
33.3%	33.3% #E1B4DF	RGB 225 180 223	#E1B4DF
50.0%	50.0% #E9BAD7	RGB 233 186 215	#E9BAD7
66.7%	66.7% #F0C1CE	RGB 240 193 206	#F0C1CE
83.3%	83.3% #F7C9C7	RGB 247 201 199	#F7C9C7
100.0%	100.0% #FFE0CE	RGB 255 224 206	#FFE0CE

#B9A8D3 #CEAEDA #E1B4DF #E9BAD7 #F0C1CE #F7C9C7 #FFE0CE

#B9A8D3 - #E9BAD7 - #FFE0CE

CSS codes

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

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