#D99CF6 - #F3E2FC | 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 #D99CF6 to #F3E2FC

#D99CF6 #F3E2FC

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

#D99CF6 - #F3E2FC | 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 #D99CF6 as 0% and #F3E2FC as 100%.

0.0%	0.0% #D99CF6	RGB 217 156 246	#D99CF6
16.7%	16.7% #DDA7F7	RGB 221 167 247	#DDA7F7
33.3%	33.3% #E1B3F8	RGB 225 179 248	#E1B3F8
50.0%	50.0% #E6BFF9	RGB 230 191 249	#E6BFF9
66.7%	66.7% #EACAFA	RGB 234 202 250	#EACAFA
83.3%	83.3% #EED6FB	RGB 238 214 251	#EED6FB
100.0%	100.0% #F3E2FC	RGB 243 226 252	#F3E2FC

#D99CF6 #DDA7F7 #E1B3F8 #E6BFF9 #EACAFA #EED6FB #F3E2FC

#D99CF6 - #F3E2FC

HSV Blend

#D99CF6 - #F3E2FC | 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 #D99CF6 as 0% and #F3E2FC as 100%.

0.0%	0.0% #D99CF6	RGB 217 156 246	#D99CF6
16.7%	16.7% #DDA7F7	RGB 221 167 247	#DDA7F7
33.3%	33.3% #E1B2F8	RGB 225 178 248	#E1B2F8
50.0%	50.0% #E5BEF9	RGB 229 190 249	#E5BEF9
66.7%	66.7% #E9CAFA	RGB 233 202 250	#E9CAFA
83.3%	83.3% #EED6FB	RGB 238 214 251	#EED6FB
100.0%	100.0% #F3E2FC	RGB 243 226 252	#F3E2FC

#D99CF6 #DDA7F7 #E1B2F8 #E5BEF9 #E9CAFA #EED6FB #F3E2FC

#D99CF6 - #E5BEF9 - #F3E2FC

CSS codes

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

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