#B293A8 - #FFD9C2 | 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 #B293A8 to #FFD9C2

#B293A8 #FFD9C2

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

#B293A8 - #FFD9C2 | 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 #B293A8 as 0% and #FFD9C2 as 100%.

0.0%	0.0% #B293A8	RGB 178 147 168	#B293A8
16.7%	16.7% #BE9EAC	RGB 190 158 172	#BE9EAC
33.3%	33.3% #CBAAB0	RGB 203 170 176	#CBAAB0
50.0%	50.0% #D8B6B5	RGB 216 182 181	#D8B6B5
66.7%	66.7% #E5C1B9	RGB 229 193 185	#E5C1B9
83.3%	83.3% #F2CDBD	RGB 242 205 189	#F2CDBD
100.0%	100.0% #FFD9C2	RGB 255 217 194	#FFD9C2

#B293A8 #BE9EAC #CBAAB0 #D8B6B5 #E5C1B9 #F2CDBD #FFD9C2

#B293A8 - #FFD9C2

HSV Blend

#B293A8 - #FFD9C2 | 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 #B293A8 as 0% and #FFD9C2 as 100%.

0.0%	0.0% #B293A8	RGB 178 147 168	#B293A8
16.7%	16.7% #BE9BAD	RGB 190 155 173	#BE9BAD
33.3%	33.3% #CBA3B0	RGB 203 163 176	#CBA3B0
50.0%	50.0% #D8ABB2	RGB 216 171 178	#D8ABB2
66.7%	66.7% #E5B4B3	RGB 229 180 179	#E5B4B3
83.3%	83.3% #F2C5BA	RGB 242 197 186	#F2C5BA
100.0%	100.0% #FFD9C2	RGB 255 217 194	#FFD9C2

#B293A8 #BE9BAD #CBA3B0 #D8ABB2 #E5B4B3 #F2C5BA #FFD9C2

#B293A8 - #D8ABB2 - #FFD9C2

CSS codes

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

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