#ECBBE5 - #BF61B5 | 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 #ECBBE5 to #BF61B5

#ECBBE5 #BF61B5

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

#ECBBE5 - #BF61B5 | 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 #ECBBE5 as 0% and #BF61B5 as 100%.

0.0%	0.0% #ECBBE5	RGB 236 187 229	#ECBBE5
16.7%	16.7% #E4ACDD	RGB 228 172 221	#E4ACDD
33.3%	33.3% #DD9DD5	RGB 221 157 213	#DD9DD5
50.0%	50.0% #D58ECD	RGB 213 142 205	#D58ECD
66.7%	66.7% #CE7FC5	RGB 206 127 197	#CE7FC5
83.3%	83.3% #C670BD	RGB 198 112 189	#C670BD
100.0%	100.0% #BF61B5	RGB 191 97 181	#BF61B5

#ECBBE5 #E4ACDD #DD9DD5 #D58ECD #CE7FC5 #C670BD #BF61B5

#ECBBE5 - #BF61B5

HSV Blend

#ECBBE5 - #BF61B5 | 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 #ECBBE5 as 0% and #BF61B5 as 100%.

0.0%	0.0% #ECBBE5	RGB 236 187 229	#ECBBE5
16.7%	16.7% #E4AADC	RGB 228 170 220	#E4AADC
33.3%	33.3% #DD9AD4	RGB 221 154 212	#DD9AD4
50.0%	50.0% #D58ACC	RGB 213 138 204	#D58ACC
66.7%	66.7% #CE7CC4	RGB 206 124 196	#CE7CC4
83.3%	83.3% #C66EBC	RGB 198 110 188	#C66EBC
100.0%	100.0% #BF61B5	RGB 191 97 181	#BF61B5

#ECBBE5 #E4AADC #DD9AD4 #D58ACC #CE7CC4 #C66EBC #BF61B5

#ECBBE5 - #D58ACC - #BF61B5

CSS codes

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

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