#B69B8F - #FFDBAD | 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 #B69B8F to #FFDBAD

#B69B8F #FFDBAD

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

#B69B8F - #FFDBAD | 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 #B69B8F as 0% and #FFDBAD as 100%.

0.0%	0.0% #B69B8F	RGB 182 155 143	#B69B8F
16.7%	16.7% #C2A594	RGB 194 165 148	#C2A594
33.3%	33.3% #CEB099	RGB 206 176 153	#CEB099
50.0%	50.0% #DABB9E	RGB 218 187 158	#DABB9E
66.7%	66.7% #E6C5A3	RGB 230 197 163	#E6C5A3
83.3%	83.3% #F2D0A8	RGB 242 208 168	#F2D0A8
100.0%	100.0% #FFDBAD	RGB 255 219 173	#FFDBAD

#B69B8F #C2A594 #CEB099 #DABB9E #E6C5A3 #F2D0A8 #FFDBAD

#B69B8F - #FFDBAD

HSV Blend

#B69B8F - #FFDBAD | 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 #B69B8F as 0% and #FFDBAD as 100%.

0.0%	0.0% #B69B8F	RGB 182 155 143	#B69B8F
16.7%	16.7% #C2A495	RGB 194 164 149	#C2A495
33.3%	33.3% #CEAE9A	RGB 206 174 154	#CEAE9A
50.0%	50.0% #DAB99F	RGB 218 185 159	#DAB99F
66.7%	66.7% #E6C4A4	RGB 230 196 164	#E6C4A4
83.3%	83.3% #F2CFA9	RGB 242 207 169	#F2CFA9
100.0%	100.0% #FFDBAD	RGB 255 219 173	#FFDBAD

#B69B8F #C2A495 #CEAE9A #DAB99F #E6C4A4 #F2CFA9 #FFDBAD

#B69B8F - #DAB99F - #FFDBAD

CSS codes

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

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