#C49CFF - #ACE7FF | 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 #C49CFF to #ACE7FF

#C49CFF #ACE7FF

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

#C49CFF - #ACE7FF | 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 #C49CFF as 0% and #ACE7FF as 100%.

0.0%	0.0% #C49CFF	RGB 196 156 255	#C49CFF
16.7%	16.7% #C0A8FF	RGB 192 168 255	#C0A8FF
33.3%	33.3% #BCB5FF	RGB 188 181 255	#BCB5FF
50.0%	50.0% #B8C1FF	RGB 184 193 255	#B8C1FF
66.7%	66.7% #B4CEFF	RGB 180 206 255	#B4CEFF
83.3%	83.3% #B0DAFF	RGB 176 218 255	#B0DAFF
100.0%	100.0% #ACE7FF	RGB 172 231 255	#ACE7FF

#C49CFF #C0A8FF #BCB5FF #B8C1FF #B4CEFF #B0DAFF #ACE7FF

#C49CFF - #ACE7FF

HSV Blend

#C49CFF - #ACE7FF | 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 #C49CFF as 0% and #ACE7FF as 100%.

0.0%	0.0% #C49CFF	RGB 196 156 255	#C49CFF
16.7%	16.7% #B39EFF	RGB 179 158 255	#B39EFF
33.3%	33.3% #A4A1FF	RGB 164 161 255	#A4A1FF
50.0%	50.0% #A4B1FF	RGB 164 177 255	#A4B1FF
66.7%	66.7% #A6C4FF	RGB 166 196 255	#A6C4FF
83.3%	83.3% #A9D6FF	RGB 169 214 255	#A9D6FF
100.0%	100.0% #ACE7FF	RGB 172 231 255	#ACE7FF

#C49CFF #B39EFF #A4A1FF #A4B1FF #A6C4FF #A9D6FF #ACE7FF

#C49CFF - #A4B1FF - #ACE7FF

CSS codes

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

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