#A79CCF - #FEC0FF | 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 #A79CCF to #FEC0FF

#A79CCF #FEC0FF

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

#A79CCF - #FEC0FF | 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 #A79CCF as 0% and #FEC0FF as 100%.

0.0%	0.0% #A79CCF	RGB 167 156 207	#A79CCF
16.7%	16.7% #B5A2D7	RGB 181 162 215	#B5A2D7
33.3%	33.3% #C4A8DF	RGB 196 168 223	#C4A8DF
50.0%	50.0% #D2AEE7	RGB 210 174 231	#D2AEE7
66.7%	66.7% #E1B4EF	RGB 225 180 239	#E1B4EF
83.3%	83.3% #EFBAF7	RGB 239 186 247	#EFBAF7
100.0%	100.0% #FEC0FF	RGB 254 192 255	#FEC0FF

#A79CCF #B5A2D7 #C4A8DF #D2AEE7 #E1B4EF #EFBAF7 #FEC0FF

#A79CCF - #FEC0FF

HSV Blend

#A79CCF - #FEC0FF | 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 #A79CCF as 0% and #FEC0FF as 100%.

0.0%	0.0% #A79CCF	RGB 167 156 207	#A79CCF
16.7%	16.7% #B4A2D7	RGB 180 162 215	#B4A2D7
33.3%	33.3% #C1A8DF	RGB 193 168 223	#C1A8DF
50.0%	50.0% #D0AEE7	RGB 208 174 231	#D0AEE7
66.7%	66.7% #DEB4EF	RGB 222 180 239	#DEB4EF
83.3%	83.3% #EEBAF7	RGB 238 186 247	#EEBAF7
100.0%	100.0% #FEC0FF	RGB 254 192 255	#FEC0FF

#A79CCF #B4A2D7 #C1A8DF #D0AEE7 #DEB4EF #EEBAF7 #FEC0FF

#A79CCF - #D0AEE7 - #FEC0FF

CSS codes

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

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