#F4D1FF - #A872CC | 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 #F4D1FF to #A872CC

#F4D1FF #A872CC

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

#F4D1FF - #A872CC | 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 #F4D1FF as 0% and #A872CC as 100%.

0.0%	0.0% #F4D1FF	RGB 244 209 255	#F4D1FF
16.7%	16.7% #E7C1F6	RGB 231 193 246	#E7C1F6
33.3%	33.3% #DAB1EE	RGB 218 177 238	#DAB1EE
50.0%	50.0% #CEA1E5	RGB 206 161 229	#CEA1E5
66.7%	66.7% #C191DD	RGB 193 145 221	#C191DD
83.3%	83.3% #B481D4	RGB 180 129 212	#B481D4
100.0%	100.0% #A872CC	RGB 168 114 204	#A872CC

#F4D1FF #E7C1F6 #DAB1EE #CEA1E5 #C191DD #B481D4 #A872CC

#F4D1FF - #A872CC

HSV Blend

#F4D1FF - #A872CC | 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 #F4D1FF as 0% and #A872CC as 100%.

0.0%	0.0% #F4D1FF	RGB 244 209 255	#F4D1FF
16.7%	16.7% #E7BFF6	RGB 231 191 246	#E7BFF6
33.3%	33.3% #DBAEEE	RGB 219 174 238	#DBAEEE
50.0%	50.0% #CE9EE5	RGB 206 158 229	#CE9EE5
66.7%	66.7% #C18EDD	RGB 193 142 221	#C18EDD
83.3%	83.3% #B47FD4	RGB 180 127 212	#B47FD4
100.0%	100.0% #A872CC	RGB 168 114 204	#A872CC

#F4D1FF #E7BFF6 #DBAEEE #CE9EE5 #C18EDD #B47FD4 #A872CC

#F4D1FF - #CE9EE5 - #A872CC

CSS codes

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

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