#BF3D64 - #ECC7D2 | 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 #BF3D64 to #ECC7D2

#BF3D64 #ECC7D2

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

#BF3D64 - #ECC7D2 | 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 #BF3D64 as 0% and #ECC7D2 as 100%.

0.0%	0.0% #BF3D64	RGB 191 61 100	#BF3D64
16.7%	16.7% #C65476	RGB 198 84 118	#C65476
33.3%	33.3% #CE6B88	RGB 206 107 136	#CE6B88
50.0%	50.0% #D5829B	RGB 213 130 155	#D5829B
66.7%	66.7% #DD99AD	RGB 221 153 173	#DD99AD
83.3%	83.3% #E4B0BF	RGB 228 176 191	#E4B0BF
100.0%	100.0% #ECC7D2	RGB 236 199 210	#ECC7D2

#BF3D64 #C65476 #CE6B88 #D5829B #DD99AD #E4B0BF #ECC7D2

#BF3D64 - #ECC7D2

HSV Blend

#BF3D64 - #ECC7D2 | 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 #BF3D64 as 0% and #ECC7D2 as 100%.

0.0%	0.0% #BF3D64	RGB 191 61 100	#BF3D64
16.7%	16.7% #C65074	RGB 198 80 116	#C65074
33.3%	33.3% #CE6584	RGB 206 101 132	#CE6584
50.0%	50.0% #D57C96	RGB 213 124 150	#D57C96
66.7%	66.7% #DD93A9	RGB 221 147 169	#DD93A9
83.3%	83.3% #E4ACBD	RGB 228 172 189	#E4ACBD
100.0%	100.0% #ECC7D2	RGB 236 199 210	#ECC7D2

#BF3D64 #C65074 #CE6584 #D57C96 #DD93A9 #E4ACBD #ECC7D2

#BF3D64 - #D57C96 - #ECC7D2

CSS codes

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

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