#E4CCDB - #BC7296 | 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 #E4CCDB to #BC7296

#E4CCDB #BC7296

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

#E4CCDB - #BC7296 | 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 #E4CCDB as 0% and #BC7296 as 100%.

0.0%	0.0% #E4CCDB	RGB 228 204 219	#E4CCDB
16.7%	16.7% #DDBDCF	RGB 221 189 207	#DDBDCF
33.3%	33.3% #D6AEC4	RGB 214 174 196	#D6AEC4
50.0%	50.0% #D09FB8	RGB 208 159 184	#D09FB8
66.7%	66.7% #C990AD	RGB 201 144 173	#C990AD
83.3%	83.3% #C281A1	RGB 194 129 161	#C281A1
100.0%	100.0% #BC7296	RGB 188 114 150	#BC7296

#E4CCDB #DDBDCF #D6AEC4 #D09FB8 #C990AD #C281A1 #BC7296

#E4CCDB - #BC7296

HSV Blend

#E4CCDB - #BC7296 | 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 #E4CCDB as 0% and #BC7296 as 100%.

0.0%	0.0% #E4CCDB	RGB 228 204 219	#E4CCDB
16.7%	16.7% #DDBBCF	RGB 221 187 207	#DDBBCF
33.3%	33.3% #D6ABC4	RGB 214 171 196	#D6ABC4
50.0%	50.0% #D09CB8	RGB 208 156 184	#D09CB8
66.7%	66.7% #C98DAD	RGB 201 141 173	#C98DAD
83.3%	83.3% #C27FA1	RGB 194 127 161	#C27FA1
100.0%	100.0% #BC7296	RGB 188 114 150	#BC7296

#E4CCDB #DDBBCF #D6ABC4 #D09CB8 #C98DAD #C27FA1 #BC7296

#E4CCDB - #D09CB8 - #BC7296

CSS codes

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

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