#8F84D9 - #F9CFDB | 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 #8F84D9 to #F9CFDB

#8F84D9 #F9CFDB

Calculate the color between two colors, #8F84D9 and #F9CFDB. 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)

#8F84D9 - #F9CFDB | 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 #8F84D9 as 0% and #F9CFDB as 100%.

0.0%	0.0% #8F84D9	RGB 143 132 217	#8F84D9
16.7%	16.7% #A090D9	RGB 160 144 217	#A090D9
33.3%	33.3% #B29DD9	RGB 178 157 217	#B29DD9
50.0%	50.0% #C4A9DA	RGB 196 169 218	#C4A9DA
66.7%	66.7% #D5B6DA	RGB 213 182 218	#D5B6DA
83.3%	83.3% #E7C2DA	RGB 231 194 218	#E7C2DA
100.0%	100.0% #F9CFDB	RGB 249 207 219	#F9CFDB

#8F84D9 #A090D9 #B29DD9 #C4A9DA #D5B6DA #E7C2DA #F9CFDB

#8F84D9 - #F9CFDB

HSV Blend

#8F84D9 - #F9CFDB | 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 #8F84D9 as 0% and #F9CFDB as 100%.

0.0%	0.0% #8F84D9	RGB 143 132 217	#8F84D9
16.7%	16.7% #AE8FDE	RGB 174 143 222	#AE8FDE
33.3%	33.3% #CA9BE3	RGB 202 155 227	#CA9BE3
50.0%	50.0% #E3A7E9	RGB 227 167 233	#E3A7E9
66.7%	66.7% #EEB4E3	RGB 238 180 227	#EEB4E3
83.3%	83.3% #F3C1DD	RGB 243 193 221	#F3C1DD
100.0%	100.0% #F9CFDB	RGB 249 207 219	#F9CFDB

#8F84D9 #AE8FDE #CA9BE3 #E3A7E9 #EEB4E3 #F3C1DD #F9CFDB

#8F84D9 - #E3A7E9 - #F9CFDB

CSS codes

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

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