#BA8C9E - #FFABAE | 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 #BA8C9E to #FFABAE

#BA8C9E #FFABAE

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

#BA8C9E - #FFABAE | 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 #BA8C9E as 0% and #FFABAE as 100%.

0.0%	0.0% #BA8C9E	RGB 186 140 158	#BA8C9E
16.7%	16.7% #C591A0	RGB 197 145 160	#C591A0
33.3%	33.3% #D196A3	RGB 209 150 163	#D196A3
50.0%	50.0% #DC9BA6	RGB 220 155 166	#DC9BA6
66.7%	66.7% #E8A0A8	RGB 232 160 168	#E8A0A8
83.3%	83.3% #F3A5AB	RGB 243 165 171	#F3A5AB
100.0%	100.0% #FFABAE	RGB 255 171 174	#FFABAE

#BA8C9E #C591A0 #D196A3 #DC9BA6 #E8A0A8 #F3A5AB #FFABAE

#BA8C9E - #FFABAE

HSV Blend

#BA8C9E - #FFABAE | 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 #BA8C9E as 0% and #FFABAE as 100%.

0.0%	0.0% #BA8C9E	RGB 186 140 158	#BA8C9E
16.7%	16.7% #C591A3	RGB 197 145 163	#C591A3
33.3%	33.3% #D197A7	RGB 209 151 167	#D197A7
50.0%	50.0% #DC9CAA	RGB 220 156 170	#DC9CAA
66.7%	66.7% #E8A1AC	RGB 232 161 172	#E8A1AC
83.3%	83.3% #F3A6AD	RGB 243 166 173	#F3A6AD
100.0%	100.0% #FFABAE	RGB 255 171 174	#FFABAE

#BA8C9E #C591A3 #D197A7 #DC9CAA #E8A1AC #F3A6AD #FFABAE

#BA8C9E - #DC9CAA - #FFABAE

CSS codes

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

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