#BA7E7E - #FDCCA1 | 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 #BA7E7E to #FDCCA1

#BA7E7E #FDCCA1

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

#BA7E7E - #FDCCA1 | 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 #BA7E7E as 0% and #FDCCA1 as 100%.

0.0%	0.0% #BA7E7E	RGB 186 126 126	#BA7E7E
16.7%	16.7% #C58B83	RGB 197 139 131	#C58B83
33.3%	33.3% #D09889	RGB 208 152 137	#D09889
50.0%	50.0% #DBA58F	RGB 219 165 143	#DBA58F
66.7%	66.7% #E6B295	RGB 230 178 149	#E6B295
83.3%	83.3% #F1BF9B	RGB 241 191 155	#F1BF9B
100.0%	100.0% #FDCCA1	RGB 253 204 161	#FDCCA1

#BA7E7E #C58B83 #D09889 #DBA58F #E6B295 #F1BF9B #FDCCA1

#BA7E7E - #FDCCA1

HSV Blend

#BA7E7E - #FDCCA1 | 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 #BA7E7E as 0% and #FDCCA1 as 100%.

0.0%	0.0% #BA7E7E	RGB 186 126 126	#BA7E7E
16.7%	16.7% #C58984	RGB 197 137 132	#C58984
33.3%	33.3% #D0958A	RGB 208 149 138	#D0958A
50.0%	50.0% #DBA190	RGB 219 161 144	#DBA190
66.7%	66.7% #E6AF95	RGB 230 175 149	#E6AF95
83.3%	83.3% #F1BD9B	RGB 241 189 155	#F1BD9B
100.0%	100.0% #FDCCA1	RGB 253 204 161	#FDCCA1

#BA7E7E #C58984 #D0958A #DBA190 #E6AF95 #F1BD9B #FDCCA1

#BA7E7E - #DBA190 - #FDCCA1

CSS codes

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

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