#BF9A85 - #ECE2DC | 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 #BF9A85 to #ECE2DC

#BF9A85 #ECE2DC

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

#BF9A85 - #ECE2DC | 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 #BF9A85 as 0% and #ECE2DC as 100%.

0.0%	0.0% #BF9A85	RGB 191 154 133	#BF9A85
16.7%	16.7% #C6A693	RGB 198 166 147	#C6A693
33.3%	33.3% #CEB2A2	RGB 206 178 162	#CEB2A2
50.0%	50.0% #D5BEB0	RGB 213 190 176	#D5BEB0
66.7%	66.7% #DDCABF	RGB 221 202 191	#DDCABF
83.3%	83.3% #E4D6CD	RGB 228 214 205	#E4D6CD
100.0%	100.0% #ECE2DC	RGB 236 226 220	#ECE2DC

#BF9A85 #C6A693 #CEB2A2 #D5BEB0 #DDCABF #E4D6CD #ECE2DC

#BF9A85 - #ECE2DC

HSV Blend

#BF9A85 - #ECE2DC | 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 #BF9A85 as 0% and #ECE2DC as 100%.

0.0%	0.0% #BF9A85	RGB 191 154 133	#BF9A85
16.7%	16.7% #C6A592	RGB 198 165 146	#C6A592
33.3%	33.3% #CEB09F	RGB 206 176 159	#CEB09F
50.0%	50.0% #D5BCAD	RGB 213 188 173	#D5BCAD
66.7%	66.7% #DDC8BC	RGB 221 200 188	#DDC8BC
83.3%	83.3% #E4D5CC	RGB 228 213 204	#E4D5CC
100.0%	100.0% #ECE2DC	RGB 236 226 220	#ECE2DC

#BF9A85 #C6A592 #CEB09F #D5BCAD #DDC8BC #E4D5CC #ECE2DC

#BF9A85 - #D5BCAD - #ECE2DC

CSS codes

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

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