#BA6B8C - #EBD4DE | 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 #BA6B8C to #EBD4DE

#BA6B8C #EBD4DE

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

#BA6B8C - #EBD4DE | 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 #BA6B8C as 0% and #EBD4DE as 100%.

0.0%	0.0% #BA6B8C	RGB 186 107 140	#BA6B8C
16.7%	16.7% #C27C99	RGB 194 124 153	#C27C99
33.3%	33.3% #CA8EA7	RGB 202 142 167	#CA8EA7
50.0%	50.0% #D29FB5	RGB 210 159 181	#D29FB5
66.7%	66.7% #DAB1C2	RGB 218 177 194	#DAB1C2
83.3%	83.3% #E2C2D0	RGB 226 194 208	#E2C2D0
100.0%	100.0% #EBD4DE	RGB 235 212 222	#EBD4DE

#BA6B8C #C27C99 #CA8EA7 #D29FB5 #DAB1C2 #E2C2D0 #EBD4DE

#BA6B8C - #EBD4DE

HSV Blend

#BA6B8C - #EBD4DE | 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 #BA6B8C as 0% and #EBD4DE as 100%.

0.0%	0.0% #BA6B8C	RGB 186 107 140	#BA6B8C
16.7%	16.7% #C27A98	RGB 194 122 152	#C27A98
33.3%	33.3% #CA8AA5	RGB 202 138 165	#CA8AA5
50.0%	50.0% #D29BB2	RGB 210 155 178	#D29BB2
66.7%	66.7% #DAADC0	RGB 218 173 192	#DAADC0
83.3%	83.3% #E2C0CF	RGB 226 192 207	#E2C0CF
100.0%	100.0% #EBD4DE	RGB 235 212 222	#EBD4DE

#BA6B8C #C27A98 #CA8AA5 #D29BB2 #DAADC0 #E2C0CF #EBD4DE

#BA6B8C - #D29BB2 - #EBD4DE

CSS codes

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

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