#EADADB - #BA9195 | 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 #EADADB to #BA9195

#EADADB #BA9195

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

#EADADB - #BA9195 | 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 #EADADB as 0% and #BA9195 as 100%.

0.0%	0.0% #EADADB	RGB 234 218 219	#EADADB
16.7%	16.7% #E2CDCF	RGB 226 205 207	#E2CDCF
33.3%	33.3% #DAC1C3	RGB 218 193 195	#DAC1C3
50.0%	50.0% #D2B5B8	RGB 210 181 184	#D2B5B8
66.7%	66.7% #CAA9AC	RGB 202 169 172	#CAA9AC
83.3%	83.3% #C29DA0	RGB 194 157 160	#C29DA0
100.0%	100.0% #BA9195	RGB 186 145 149	#BA9195

#EADADB #E2CDCF #DAC1C3 #D2B5B8 #CAA9AC #C29DA0 #BA9195

#EADADB - #BA9195

HSV Blend

#EADADB - #BA9195 | 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 #EADADB as 0% and #BA9195 as 100%.

0.0%	0.0% #EADADB	RGB 234 218 219	#EADADB
16.7%	16.7% #E2CCCE	RGB 226 204 206	#E2CCCE
33.3%	33.3% #DAC0C1	RGB 218 192 193	#DAC0C1
50.0%	50.0% #D2B3B6	RGB 210 179 182	#D2B3B6
66.7%	66.7% #CAA7AA	RGB 202 167 170	#CAA7AA
83.3%	83.3% #C29C9F	RGB 194 156 159	#C29C9F
100.0%	100.0% #BA9195	RGB 186 145 149	#BA9195

#EADADB #E2CCCE #DAC0C1 #D2B3B6 #CAA7AA #C29C9F #BA9195

#EADADB - #D2B3B6 - #BA9195

CSS codes

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

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