#ECC9F0 - #9B6DB6 | 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 #ECC9F0 to #9B6DB6

#ECC9F0 #9B6DB6

Calculate the color between two colors, #ECC9F0 and #9B6DB6. 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)

#ECC9F0 - #9B6DB6 | 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 #ECC9F0 as 0% and #9B6DB6 as 100%.

0.0%	0.0% #ECC9F0	RGB 236 201 240	#ECC9F0
16.7%	16.7% #DEB9E6	RGB 222 185 230	#DEB9E6
33.3%	33.3% #D1AADC	RGB 209 170 220	#D1AADC
50.0%	50.0% #C39BD3	RGB 195 155 211	#C39BD3
66.7%	66.7% #B68BC9	RGB 182 139 201	#B68BC9
83.3%	83.3% #A87CBF	RGB 168 124 191	#A87CBF
100.0%	100.0% #9B6DB6	RGB 155 109 182	#9B6DB6

#ECC9F0 #DEB9E6 #D1AADC #C39BD3 #B68BC9 #A87CBF #9B6DB6

#ECC9F0 - #9B6DB6

HSV Blend

#ECC9F0 - #9B6DB6 | 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 #ECC9F0 as 0% and #9B6DB6 as 100%.

0.0%	0.0% #ECC9F0	RGB 236 201 240	#ECC9F0
16.7%	16.7% #DFB7E6	RGB 223 183 230	#DFB7E6
33.3%	33.3% #D2A7DC	RGB 210 167 220	#D2A7DC
50.0%	50.0% #C497D3	RGB 196 151 211	#C497D3
66.7%	66.7% #B788C9	RGB 183 136 201	#B788C9
83.3%	83.3% #A97ABF	RGB 169 122 191	#A97ABF
100.0%	100.0% #9B6DB6	RGB 155 109 182	#9B6DB6

#ECC9F0 #DFB7E6 #D2A7DC #C497D3 #B788C9 #A97ABF #9B6DB6

#ECC9F0 - #C497D3 - #9B6DB6

CSS codes

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

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