#BA6B7F - #CEAAB7 | 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 #BA6B7F to #CEAAB7

#BA6B7F #CEAAB7

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

#BA6B7F - #CEAAB7 | 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 #BA6B7F as 0% and #CEAAB7 as 100%.

0.0%	0.0% #BA6B7F	RGB 186 107 127	#BA6B7F
16.7%	16.7% #BD7588	RGB 189 117 136	#BD7588
33.3%	33.3% #C08091	RGB 192 128 145	#C08091
50.0%	50.0% #C48A9B	RGB 196 138 155	#C48A9B
66.7%	66.7% #C795A4	RGB 199 149 164	#C795A4
83.3%	83.3% #CA9FAD	RGB 202 159 173	#CA9FAD
100.0%	100.0% #CEAAB7	RGB 206 170 183	#CEAAB7

#BA6B7F #BD7588 #C08091 #C48A9B #C795A4 #CA9FAD #CEAAB7

#BA6B7F - #CEAAB7

HSV Blend

#BA6B7F - #CEAAB7 | 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 #BA6B7F as 0% and #CEAAB7 as 100%.

0.0%	0.0% #BA6B7F	RGB 186 107 127	#BA6B7F
16.7%	16.7% #BD7488	RGB 189 116 136	#BD7488
33.3%	33.3% #C07E91	RGB 192 126 145	#C07E91
50.0%	50.0% #C4899B	RGB 196 137 155	#C4899B
66.7%	66.7% #C793A4	RGB 199 147 164	#C793A4
83.3%	83.3% #CA9EAD	RGB 202 158 173	#CA9EAD
100.0%	100.0% #CEAAB7	RGB 206 170 183	#CEAAB7

#BA6B7F #BD7488 #C07E91 #C4899B #C793A4 #CA9EAD #CEAAB7

#BA6B7F - #C4899B - #CEAAB7

CSS codes

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

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