#BF6B6B - #FDBC8C | 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 #BF6B6B to #FDBC8C

#BF6B6B #FDBC8C

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

#BF6B6B - #FDBC8C | 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 #BF6B6B as 0% and #FDBC8C as 100%.

0.0%	0.0% #BF6B6B	RGB 191 107 107	#BF6B6B
16.7%	16.7% #C97870	RGB 201 120 112	#C97870
33.3%	33.3% #D38676	RGB 211 134 118	#D38676
50.0%	50.0% #DE937B	RGB 222 147 123	#DE937B
66.7%	66.7% #E8A181	RGB 232 161 129	#E8A181
83.3%	83.3% #F2AE86	RGB 242 174 134	#F2AE86
100.0%	100.0% #FDBC8C	RGB 253 188 140	#FDBC8C

#BF6B6B #C97870 #D38676 #DE937B #E8A181 #F2AE86 #FDBC8C

#BF6B6B - #FDBC8C

HSV Blend

#BF6B6B - #FDBC8C | 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 #BF6B6B as 0% and #FDBC8C as 100%.

0.0%	0.0% #BF6B6B	RGB 191 107 107	#BF6B6B
16.7%	16.7% #C97670	RGB 201 118 112	#C97670
33.3%	33.3% #D38376	RGB 211 131 118	#D38376
50.0%	50.0% #DE907B	RGB 222 144 123	#DE907B
66.7%	66.7% #E89E81	RGB 232 158 129	#E89E81
83.3%	83.3% #F2AC86	RGB 242 172 134	#F2AC86
100.0%	100.0% #FDBC8C	RGB 253 188 140	#FDBC8C

#BF6B6B #C97670 #D38376 #DE907B #E89E81 #F2AC86 #FDBC8C

#BF6B6B - #DE907B - #FDBC8C

CSS codes

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

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