#BC5E82 - #FDB39B | 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 #BC5E82 to #FDB39B

#BC5E82 #FDB39B

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

#BC5E82 - #FDB39B | 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 #BC5E82 as 0% and #FDB39B as 100%.

0.0%	0.0% #BC5E82	RGB 188 94 130	#BC5E82
16.7%	16.7% #C66C86	RGB 198 108 134	#C66C86
33.3%	33.3% #D17A8A	RGB 209 122 138	#D17A8A
50.0%	50.0% #DC888E	RGB 220 136 142	#DC888E
66.7%	66.7% #E79692	RGB 231 150 146	#E79692
83.3%	83.3% #F2A496	RGB 242 164 150	#F2A496
100.0%	100.0% #FDB39B	RGB 253 179 155	#FDB39B

#BC5E82 #C66C86 #D17A8A #DC888E #E79692 #F2A496 #FDB39B

#BC5E82 - #FDB39B

HSV Blend

#BC5E82 - #FDB39B | 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 #BC5E82 as 0% and #FDB39B as 100%.

0.0%	0.0% #BC5E81	RGB 188 94 129	#BC5E81
16.7%	16.7% #C66781	RGB 198 103 129	#C66781
33.3%	33.3% #D17081	RGB 209 112 129	#D17081
50.0%	50.0% #DC7A81	RGB 220 122 129	#DC7A81
66.7%	66.7% #E78885	RGB 231 136 133	#E78885
83.3%	83.3% #F29D8F	RGB 242 157 143	#F29D8F
100.0%	100.0% #FDB39B	RGB 253 179 155	#FDB39B

#BC5E81 #C66781 #D17081 #DC7A81 #E78885 #F29D8F #FDB39B

#BC5E82 - #DC7A81 - #FDB39B

CSS codes

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

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