#A080D0 - #FECCD1 | 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 #A080D0 to #FECCD1

#A080D0 #FECCD1

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

#A080D0 - #FECCD1 | 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 #A080D0 as 0% and #FECCD1 as 100%.

0.0%	0.0% #A080D0	RGB 160 128 208	#A080D0
16.7%	16.7% #AF8CD0	RGB 175 140 208	#AF8CD0
33.3%	33.3% #BF99D0	RGB 191 153 208	#BF99D0
50.0%	50.0% #CFA6D0	RGB 207 166 208	#CFA6D0
66.7%	66.7% #DEB2D0	RGB 222 178 208	#DEB2D0
83.3%	83.3% #EEBFD0	RGB 238 191 208	#EEBFD0
100.0%	100.0% #FECCD1	RGB 254 204 209	#FECCD1

#A080D0 #AF8CD0 #BF99D0 #CFA6D0 #DEB2D0 #EEBFD0 #FECCD1

#A080D0 - #FECCD1

HSV Blend

#A080D0 - #FECCD1 | 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 #A080D0 as 0% and #FECCD1 as 100%.

0.0%	0.0% #A080D0	RGB 160 128 208	#A080D0
16.7%	16.7% #BC8BD7	RGB 188 139 215	#BC8BD7
33.3%	33.3% #D897DF	RGB 216 151 223	#D897DF
50.0%	50.0% #E7A3DC	RGB 231 163 220	#E7A3DC
66.7%	66.7% #EEB0D5	RGB 238 176 213	#EEB0D5
83.3%	83.3% #F6BED1	RGB 246 190 209	#F6BED1
100.0%	100.0% #FECCD1	RGB 254 204 209	#FECCD1

#A080D0 #BC8BD7 #D897DF #E7A3DC #EEB0D5 #F6BED1 #FECCD1

#A080D0 - #E7A3DC - #FECCD1

CSS codes

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

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