#E5CFDA - #BB7E92 | 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 #E5CFDA to #BB7E92

#E5CFDA #BB7E92

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

#E5CFDA - #BB7E92 | 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 #E5CFDA as 0% and #BB7E92 as 100%.

0.0%	0.0% #E5CFDA	RGB 229 207 218	#E5CFDA
16.7%	16.7% #DEC1CE	RGB 222 193 206	#DEC1CE
33.3%	33.3% #D7B4C2	RGB 215 180 194	#D7B4C2
50.0%	50.0% #D0A6B6	RGB 208 166 182	#D0A6B6
66.7%	66.7% #C999AA	RGB 201 153 170	#C999AA
83.3%	83.3% #C28B9E	RGB 194 139 158	#C28B9E
100.0%	100.0% #BB7E92	RGB 187 126 146	#BB7E92

#E5CFDA #DEC1CE #D7B4C2 #D0A6B6 #C999AA #C28B9E #BB7E92

#E5CFDA - #BB7E92

HSV Blend

#E5CFDA - #BB7E92 | 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 #E5CFDA as 0% and #BB7E92 as 100%.

0.0%	0.0% #E5CFDA	RGB 229 207 218	#E5CFDA
16.7%	16.7% #DEC0CE	RGB 222 192 206	#DEC0CE
33.3%	33.3% #D7B1C2	RGB 215 177 194	#D7B1C2
50.0%	50.0% #D0A4B6	RGB 208 164 182	#D0A4B6
66.7%	66.7% #C996AA	RGB 201 150 170	#C996AA
83.3%	83.3% #C28A9E	RGB 194 138 158	#C28A9E
100.0%	100.0% #BB7E92	RGB 187 126 146	#BB7E92

#E5CFDA #DEC0CE #D7B1C2 #D0A4B6 #C996AA #C28A9E #BB7E92

#E5CFDA - #D0A4B6 - #BB7E92

CSS codes

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

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