#BAB8AF - #FFE6C0 | 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 #BAB8AF to #FFE6C0

#BAB8AF #FFE6C0

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

#BAB8AF - #FFE6C0 | 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 #BAB8AF as 0% and #FFE6C0 as 100%.

0.0%	0.0% #BAB8AF	RGB 186 184 175	#BAB8AF
16.7%	16.7% #C5BFB1	RGB 197 191 177	#C5BFB1
33.3%	33.3% #D1C7B4	RGB 209 199 180	#D1C7B4
50.0%	50.0% #DCCFB7	RGB 220 207 183	#DCCFB7
66.7%	66.7% #E8D6BA	RGB 232 214 186	#E8D6BA
83.3%	83.3% #F3DEBD	RGB 243 222 189	#F3DEBD
100.0%	100.0% #FFE6C0	RGB 255 230 192	#FFE6C0

#BAB8AF #C5BFB1 #D1C7B4 #DCCFB7 #E8D6BA #F3DEBD #FFE6C0

#BAB8AF - #FFE6C0

HSV Blend

#BAB8AF - #FFE6C0 | 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 #BAB8AF as 0% and #FFE6C0 as 100%.

0.0%	0.0% #BAB8AF	RGB 186 184 175	#BAB8AF
16.7%	16.7% #C5C1B3	RGB 197 193 179	#C5C1B3
33.3%	33.3% #D1CAB7	RGB 209 202 183	#D1CAB7
50.0%	50.0% #DCD2BA	RGB 220 210 186	#DCD2BA
66.7%	66.7% #E8DABD	RGB 232 218 189	#E8DABD
83.3%	83.3% #F3E0BE	RGB 243 224 190	#F3E0BE
100.0%	100.0% #FFE6C0	RGB 255 230 192	#FFE6C0

#BAB8AF #C5C1B3 #D1CAB7 #DCD2BA #E8DABD #F3E0BE #FFE6C0

#BAB8AF - #DCD2BA - #FFE6C0

CSS codes

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

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