#BA968C - #FFD9AB | 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 #BA968C to #FFD9AB

#BA968C #FFD9AB

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

#BA968C - #FFD9AB | 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 #BA968C as 0% and #FFD9AB as 100%.

0.0%	0.0% #BA968C	RGB 186 150 140	#BA968C
16.7%	16.7% #C5A191	RGB 197 161 145	#C5A191
33.3%	33.3% #D1AC96	RGB 209 172 150	#D1AC96
50.0%	50.0% #DCB79B	RGB 220 183 155	#DCB79B
66.7%	66.7% #E8C2A0	RGB 232 194 160	#E8C2A0
83.3%	83.3% #F3CDA5	RGB 243 205 165	#F3CDA5
100.0%	100.0% #FFD9AB	RGB 255 217 171	#FFD9AB

#BA968C #C5A191 #D1AC96 #DCB79B #E8C2A0 #F3CDA5 #FFD9AB

#BA968C - #FFD9AB

HSV Blend

#BA968C - #FFD9AB | 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 #BA968C as 0% and #FFD9AB as 100%.

0.0%	0.0% #BA968C	RGB 186 150 140	#BA968C
16.7%	16.7% #C59F91	RGB 197 159 145	#C59F91
33.3%	33.3% #D1AA97	RGB 209 170 151	#D1AA97
50.0%	50.0% #DCB59C	RGB 220 181 156	#DCB59C
66.7%	66.7% #E8C0A1	RGB 232 192 161	#E8C0A1
83.3%	83.3% #F3CCA6	RGB 243 204 166	#F3CCA6
100.0%	100.0% #FFD9AB	RGB 255 217 171	#FFD9AB

#BA968C #C59F91 #D1AA97 #DCB59C #E8C0A1 #F3CCA6 #FFD9AB

#BA968C - #DCB59C - #FFD9AB

CSS codes

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

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