#ECC0E4 - #AC60B0 | 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 #ECC0E4 to #AC60B0

#ECC0E4 #AC60B0

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

#ECC0E4 - #AC60B0 | 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 #ECC0E4 as 0% and #AC60B0 as 100%.

0.0%	0.0% #ECC0E4	RGB 236 192 228	#ECC0E4
16.7%	16.7% #E1B0DB	RGB 225 176 219	#E1B0DB
33.3%	33.3% #D6A0D2	RGB 214 160 210	#D6A0D2
50.0%	50.0% #CC90CA	RGB 204 144 202	#CC90CA
66.7%	66.7% #C180C1	RGB 193 128 193	#C180C1
83.3%	83.3% #B670B8	RGB 182 112 184	#B670B8
100.0%	100.0% #AC60B0	RGB 172 96 176	#AC60B0

#ECC0E4 #E1B0DB #D6A0D2 #CC90CA #C180C1 #B670B8 #AC60B0

#ECC0E4 - #AC60B0

HSV Blend

#ECC0E4 - #AC60B0 | 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 #ECC0E4 as 0% and #AC60B0 as 100%.

0.0%	0.0% #ECC0E4	RGB 236 192 228	#ECC0E4
16.7%	16.7% #E2ADDA	RGB 226 173 218	#E2ADDA
33.3%	33.3% #D89CD1	RGB 216 156 209	#D89CD1
50.0%	50.0% #CE8BC9	RGB 206 139 201	#CE8BC9
66.7%	66.7% #C47CC2	RGB 196 124 194	#C47CC2
83.3%	83.3% #B96DBA	RGB 185 109 186	#B96DBA
100.0%	100.0% #AC60B0	RGB 172 96 176	#AC60B0

#ECC0E4 #E2ADDA #D89CD1 #CE8BC9 #C47CC2 #B96DBA #AC60B0

#ECC0E4 - #CE8BC9 - #AC60B0

CSS codes

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

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