#ECDAE4 - #BB7E84 | 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 #ECDAE4 to #BB7E84

#ECDAE4 #BB7E84

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

#ECDAE4 - #BB7E84 | 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 #ECDAE4 as 0% and #BB7E84 as 100%.

0.0%	0.0% #ECDAE4	RGB 236 218 228	#ECDAE4
16.7%	16.7% #E3CAD4	RGB 227 202 212	#E3CAD4
33.3%	33.3% #DBBBC4	RGB 219 187 196	#DBBBC4
50.0%	50.0% #D3ACB4	RGB 211 172 180	#D3ACB4
66.7%	66.7% #CB9CA4	RGB 203 156 164	#CB9CA4
83.3%	83.3% #C38D94	RGB 195 141 148	#C38D94
100.0%	100.0% #BB7E84	RGB 187 126 132	#BB7E84

#ECDAE4 #E3CAD4 #DBBBC4 #D3ACB4 #CB9CA4 #C38D94 #BB7E84

#ECDAE4 - #BB7E84

HSV Blend

#ECDAE4 - #BB7E84 | 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 #ECDAE4 as 0% and #BB7E84 as 100%.

0.0%	0.0% #ECDAE4	RGB 236 218 228	#ECDAE4
16.7%	16.7% #E3C8D5	RGB 227 200 213	#E3C8D5
33.3%	33.3% #DBB8C6	RGB 219 184 198	#DBB8C6
50.0%	50.0% #D3A8B6	RGB 211 168 182	#D3A8B6
66.7%	66.7% #CB99A6	RGB 203 153 166	#CB99A6
83.3%	83.3% #C38B95	RGB 195 139 149	#C38B95
100.0%	100.0% #BB7E84	RGB 187 126 132	#BB7E84

#ECDAE4 #E3C8D5 #DBB8C6 #D3A8B6 #CB99A6 #C38B95 #BB7E84

#ECDAE4 - #D3A8B6 - #BB7E84

CSS codes

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

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