#BC9C4C - #E4AFD3 | 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 #BC9C4C to #E4AFD3

#BC9C4C #E4AFD3

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

#BC9C4C - #E4AFD3 | 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 #BC9C4C as 0% and #E4AFD3 as 100%.

0.0%	0.0% #BC9C4C	RGB 188 156 76	#BC9C4C
16.7%	16.7% #C29F62	RGB 194 159 98	#C29F62
33.3%	33.3% #C9A279	RGB 201 162 121	#C9A279
50.0%	50.0% #D0A58F	RGB 208 165 143	#D0A58F
66.7%	66.7% #D6A8A6	RGB 214 168 166	#D6A8A6
83.3%	83.3% #DDABBC	RGB 221 171 188	#DDABBC
100.0%	100.0% #E4AFD3	RGB 228 175 211	#E4AFD3

#BC9C4C #C29F62 #C9A279 #D0A58F #D6A8A6 #DDABBC #E4AFD3

#BC9C4C - #E4AFD3

HSV Blend

#BC9C4C - #E4AFD3 | 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 #BC9C4C as 0% and #E4AFD3 as 100%.

0.0%	0.0% #BC9C4C	RGB 188 156 76	#BC9C4C
16.7%	16.7% #C28C5A	RGB 194 140 90	#C28C5A
33.3%	33.3% #C98169	RGB 201 129 105	#C98169
50.0%	50.0% #D07B79	RGB 208 123 121	#D07B79
66.7%	66.7% #D68A9B	RGB 214 138 155	#D68A9B
83.3%	83.3% #DD9CB9	RGB 221 156 185	#DD9CB9
100.0%	100.0% #E4AFD3	RGB 228 175 211	#E4AFD3

#BC9C4C #C28C5A #C98169 #D07B79 #D68A9B #DD9CB9 #E4AFD3

#BC9C4C - #D07B79 - #E4AFD3

CSS codes

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

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