#ECC5C0 - #BC9368 | 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 #ECC5C0 to #BC9368

#ECC5C0 #BC9368

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

#ECC5C0 - #BC9368 | 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 #ECC5C0 as 0% and #BC9368 as 100%.

0.0%	0.0% #ECC5C0	RGB 236 197 192	#ECC5C0
16.7%	16.7% #E4BCB1	RGB 228 188 177	#E4BCB1
33.3%	33.3% #DCB4A2	RGB 220 180 162	#DCB4A2
50.0%	50.0% #D4AC94	RGB 212 172 148	#D4AC94
66.7%	66.7% #CCA385	RGB 204 163 133	#CCA385
83.3%	83.3% #C49B76	RGB 196 155 118	#C49B76
100.0%	100.0% #BC9368	RGB 188 147 104	#BC9368

#ECC5C0 #E4BCB1 #DCB4A2 #D4AC94 #CCA385 #C49B76 #BC9368

#ECC5C0 - #BC9368

HSV Blend

#ECC5C0 - #BC9368 | 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 #ECC5C0 as 0% and #BC9368 as 100%.

0.0%	0.0% #ECC5C0	RGB 236 197 192	#ECC5C0
16.7%	16.7% #E4B9AF	RGB 228 185 175	#E4B9AF
33.3%	33.3% #DCAE9F	RGB 220 174 159	#DCAE9F
50.0%	50.0% #D4A590	RGB 212 165 144	#D4A590
66.7%	66.7% #CC9E82	RGB 204 158 130	#CC9E82
83.3%	83.3% #C49874	RGB 196 152 116	#C49874
100.0%	100.0% #BC9368	RGB 188 147 104	#BC9368

#ECC5C0 #E4B9AF #DCAE9F #D4A590 #CC9E82 #C49874 #BC9368

#ECC5C0 - #D4A590 - #BC9368

CSS codes

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

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