#F2D9F7 - #A684BF | 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 #F2D9F7 to #A684BF

#F2D9F7 #A684BF

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

#F2D9F7 - #A684BF | 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 #F2D9F7 as 0% and #A684BF as 100%.

0.0%	0.0% #F2D9F7	RGB 242 217 247	#F2D9F7
16.7%	16.7% #E5CAED	RGB 229 202 237	#E5CAED
33.3%	33.3% #D8BCE4	RGB 216 188 228	#D8BCE4
50.0%	50.0% #CCAEDB	RGB 204 174 219	#CCAEDB
66.7%	66.7% #BFA0D1	RGB 191 160 209	#BFA0D1
83.3%	83.3% #B292C8	RGB 178 146 200	#B292C8
100.0%	100.0% #A684BF	RGB 166 132 191	#A684BF

#F2D9F7 #E5CAED #D8BCE4 #CCAEDB #BFA0D1 #B292C8 #A684BF

#F2D9F7 - #A684BF

HSV Blend

#F2D9F7 - #A684BF | 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 #F2D9F7 as 0% and #A684BF as 100%.

0.0%	0.0% #F2D9F7	RGB 242 217 247	#F2D9F7
16.7%	16.7% #E6C9ED	RGB 230 201 237	#E6C9ED
33.3%	33.3% #D9BAE4	RGB 217 186 228	#D9BAE4
50.0%	50.0% #CDABDB	RGB 205 171 219	#CDABDB
66.7%	66.7% #C09ED1	RGB 192 158 209	#C09ED1
83.3%	83.3% #B390C8	RGB 179 144 200	#B390C8
100.0%	100.0% #A684BF	RGB 166 132 191	#A684BF

#F2D9F7 #E6C9ED #D9BAE4 #CDABDB #C09ED1 #B390C8 #A684BF

#F2D9F7 - #CDABDB - #A684BF

CSS codes

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

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