#F2D0FF - #A670CC | 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 #F2D0FF to #A670CC

#F2D0FF #A670CC

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

#F2D0FF - #A670CC | 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 #F2D0FF as 0% and #A670CC as 100%.

0.0%	0.0% #F2D0FF	RGB 242 208 255	#F2D0FF
16.7%	16.7% #E5C0F6	RGB 229 192 246	#E5C0F6
33.3%	33.3% #D8B0EE	RGB 216 176 238	#D8B0EE
50.0%	50.0% #CCA0E5	RGB 204 160 229	#CCA0E5
66.7%	66.7% #BF90DD	RGB 191 144 221	#BF90DD
83.3%	83.3% #B280D4	RGB 178 128 212	#B280D4
100.0%	100.0% #A670CC	RGB 166 112 204	#A670CC

#F2D0FF #E5C0F6 #D8B0EE #CCA0E5 #BF90DD #B280D4 #A670CC

#F2D0FF - #A670CC

HSV Blend

#F2D0FF - #A670CC | 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 #F2D0FF as 0% and #A670CC as 100%.

0.0%	0.0% #F2D0FF	RGB 242 208 255	#F2D0FF
16.7%	16.7% #E5BEF6	RGB 229 190 246	#E5BEF6
33.3%	33.3% #D9ACEE	RGB 217 172 238	#D9ACEE
50.0%	50.0% #CC9CE5	RGB 204 156 229	#CC9CE5
66.7%	66.7% #BF8CDD	RGB 191 140 221	#BF8CDD
83.3%	83.3% #B27ED4	RGB 178 126 212	#B27ED4
100.0%	100.0% #A670CC	RGB 166 112 204	#A670CC

#F2D0FF #E5BEF6 #D9ACEE #CC9CE5 #BF8CDD #B27ED4 #A670CC

#F2D0FF - #CC9CE5 - #A670CC

CSS codes

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

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