#BC7A5E - #FF81D1 | 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 #BC7A5E to #FF81D1

#BC7A5E #FF81D1

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

#BC7A5E - #FF81D1 | 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 #BC7A5E as 0% and #FF81D1 as 100%.

0.0%	0.0% #BC7A5E	RGB 188 122 94	#BC7A5E
16.7%	16.7% #C77B71	RGB 199 123 113	#C77B71
33.3%	33.3% #D27C84	RGB 210 124 132	#D27C84
50.0%	50.0% #DD7D97	RGB 221 125 151	#DD7D97
66.7%	66.7% #E87EAA	RGB 232 126 170	#E87EAA
83.3%	83.3% #F37FBD	RGB 243 127 189	#F37FBD
100.0%	100.0% #FF81D1	RGB 255 129 209	#FF81D1

#BC7A5E #C77B71 #D27C84 #DD7D97 #E87EAA #F37FBD #FF81D1

#BC7A5E - #FF81D1

HSV Blend

#BC7A5E - #FF81D1 | 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 #BC7A5E as 0% and #FF81D1 as 100%.

0.0%	0.0% #BC7A5E	RGB 188 122 94	#BC7A5E
16.7%	16.7% #C77163	RGB 199 113 99	#C77163
33.3%	33.3% #D2696A	RGB 210 105 106	#D2696A
50.0%	50.0% #DD6F81	RGB 221 111 129	#DD6F81
66.7%	66.7% #E8759A	RGB 232 117 154	#E8759A
83.3%	83.3% #F37BB4	RGB 243 123 180	#F37BB4
100.0%	100.0% #FF81D1	RGB 255 129 209	#FF81D1

#BC7A5E #C77163 #D2696A #DD6F81 #E8759A #F37BB4 #FF81D1

#BC7A5E - #DD6F81 - #FF81D1

CSS codes

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

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