#E7CCFF - #AC67CF | 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 #E7CCFF to #AC67CF

#E7CCFF #AC67CF

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

#E7CCFF - #AC67CF | 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 #E7CCFF as 0% and #AC67CF as 100%.

0.0%	0.0% #E7CCFF	RGB 231 204 255	#E7CCFF
16.7%	16.7% #DDBBF7	RGB 221 187 247	#DDBBF7
33.3%	33.3% #D3AAEF	RGB 211 170 239	#D3AAEF
50.0%	50.0% #C999E7	RGB 201 153 231	#C999E7
66.7%	66.7% #BF88DF	RGB 191 136 223	#BF88DF
83.3%	83.3% #B577D7	RGB 181 119 215	#B577D7
100.0%	100.0% #AC67CF	RGB 172 103 207	#AC67CF

#E7CCFF #DDBBF7 #D3AAEF #C999E7 #BF88DF #B577D7 #AC67CF

#E7CCFF - #AC67CF

HSV Blend

#E7CCFF - #AC67CF | 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 #E7CCFF as 0% and #AC67CF as 100%.

0.0%	0.0% #E7CCFF	RGB 231 204 255	#E7CCFF
16.7%	16.7% #DBB9F7	RGB 219 185 247	#DBB9F7
33.3%	33.3% #D0A7EF	RGB 208 167 239	#D0A7EF
50.0%	50.0% #C695E7	RGB 198 149 231	#C695E7
66.7%	66.7% #BC85DF	RGB 188 133 223	#BC85DF
83.3%	83.3% #B475D7	RGB 180 117 215	#B475D7
100.0%	100.0% #AC67CF	RGB 172 103 207	#AC67CF

#E7CCFF #DBB9F7 #D0A7EF #C695E7 #BC85DF #B475D7 #AC67CF

#E7CCFF - #C695E7 - #AC67CF

CSS codes

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

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