#BF3E58 - #ECC7CF | 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 #BF3E58 to #ECC7CF

#BF3E58 #ECC7CF

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

#BF3E58 - #ECC7CF | 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 #BF3E58 as 0% and #ECC7CF as 100%.

0.0%	0.0% #BF3E58	RGB 191 62 88	#BF3E58
16.7%	16.7% #C6546B	RGB 198 84 107	#C6546B
33.3%	33.3% #CE6B7F	RGB 206 107 127	#CE6B7F
50.0%	50.0% #D58293	RGB 213 130 147	#D58293
66.7%	66.7% #DD99A7	RGB 221 153 167	#DD99A7
83.3%	83.3% #E4B0BB	RGB 228 176 187	#E4B0BB
100.0%	100.0% #ECC7CF	RGB 236 199 207	#ECC7CF

#BF3E58 #C6546B #CE6B7F #D58293 #DD99A7 #E4B0BB #ECC7CF

#BF3E58 - #ECC7CF

HSV Blend

#BF3E58 - #ECC7CF | 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 #BF3E58 as 0% and #ECC7CF as 100%.

0.0%	0.0% #BF3E58	RGB 191 62 88	#BF3E58
16.7%	16.7% #C65169	RGB 198 81 105	#C65169
33.3%	33.3% #CE667B	RGB 206 102 123	#CE667B
50.0%	50.0% #D57C8F	RGB 213 124 143	#D57C8F
66.7%	66.7% #DD94A3	RGB 221 148 163	#DD94A3
83.3%	83.3% #E4ACB8	RGB 228 172 184	#E4ACB8
100.0%	100.0% #ECC7CF	RGB 236 199 207	#ECC7CF

#BF3E58 #C65169 #CE667B #D57C8F #DD94A3 #E4ACB8 #ECC7CF

#BF3E58 - #D57C8F - #ECC7CF

CSS codes

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

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