#ECC0DF - #BD6BAA | 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 #ECC0DF to #BD6BAA

#ECC0DF #BD6BAA

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

#ECC0DF - #BD6BAA | 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 #ECC0DF as 0% and #BD6BAA as 100%.

0.0%	0.0% #ECC0DF	RGB 236 192 223	#ECC0DF
16.7%	16.7% #E4B1D6	RGB 228 177 214	#E4B1D6
33.3%	33.3% #DCA3CD	RGB 220 163 205	#DCA3CD
50.0%	50.0% #D495C4	RGB 212 149 196	#D495C4
66.7%	66.7% #CC87BB	RGB 204 135 187	#CC87BB
83.3%	83.3% #C479B2	RGB 196 121 178	#C479B2
100.0%	100.0% #BD6BAA	RGB 189 107 170	#BD6BAA

#ECC0DF #E4B1D6 #DCA3CD #D495C4 #CC87BB #C479B2 #BD6BAA

#ECC0DF - #BD6BAA

HSV Blend

#ECC0DF - #BD6BAA | 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 #ECC0DF as 0% and #BD6BAA as 100%.

0.0%	0.0% #ECC0DF	RGB 236 192 223	#ECC0DF
16.7%	16.7% #E4B0D5	RGB 228 176 213	#E4B0D5
33.3%	33.3% #DCA1CC	RGB 220 161 204	#DCA1CC
50.0%	50.0% #D492C3	RGB 212 146 195	#D492C3
66.7%	66.7% #CC84BA	RGB 204 132 186	#CC84BA
83.3%	83.3% #C477B2	RGB 196 119 178	#C477B2
100.0%	100.0% #BD6BAA	RGB 189 107 170	#BD6BAA

#ECC0DF #E4B0D5 #DCA1CC #D492C3 #CC84BA #C477B2 #BD6BAA

#ECC0DF - #D492C3 - #BD6BAA

CSS codes

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

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