#BA907B - #EBDFD9 | 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 #BA907B to #EBDFD9

#BA907B #EBDFD9

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

#BA907B - #EBDFD9 | 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 #BA907B as 0% and #EBDFD9 as 100%.

0.0%	0.0% #BA907B	RGB 186 144 123	#BA907B
16.7%	16.7% #C29D8A	RGB 194 157 138	#C29D8A
33.3%	33.3% #CAAA9A	RGB 202 170 154	#CAAA9A
50.0%	50.0% #D2B7AA	RGB 210 183 170	#D2B7AA
66.7%	66.7% #DAC4B9	RGB 218 196 185	#DAC4B9
83.3%	83.3% #E2D1C9	RGB 226 209 201	#E2D1C9
100.0%	100.0% #EBDFD9	RGB 235 223 217	#EBDFD9

#BA907B #C29D8A #CAAA9A #D2B7AA #DAC4B9 #E2D1C9 #EBDFD9

#BA907B - #EBDFD9

HSV Blend

#BA907B - #EBDFD9 | 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 #BA907B as 0% and #EBDFD9 as 100%.

0.0%	0.0% #BA907B	RGB 186 144 123	#BA907B
16.7%	16.7% #C29B88	RGB 194 155 136	#C29B88
33.3%	33.3% #CAA897	RGB 202 168 151	#CAA897
50.0%	50.0% #D2B5A6	RGB 210 181 166	#D2B5A6
66.7%	66.7% #DAC2B6	RGB 218 194 182	#DAC2B6
83.3%	83.3% #E2D0C7	RGB 226 208 199	#E2D0C7
100.0%	100.0% #EBDFD9	RGB 235 223 217	#EBDFD9

#BA907B #C29B88 #CAA897 #D2B5A6 #DAC2B6 #E2D0C7 #EBDFD9

#BA907B - #D2B5A6 - #EBDFD9

CSS codes

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

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