#C98BFF - #F6E0FB | 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 #C98BFF to #F6E0FB

#C98BFF #F6E0FB

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

#C98BFF - #F6E0FB | 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 #C98BFF as 0% and #F6E0FB as 100%.

0.0%	0.0% #C98BFF	RGB 201 139 255	#C98BFF
16.7%	16.7% #D099FE	RGB 208 153 254	#D099FE
33.3%	33.3% #D8A7FD	RGB 216 167 253	#D8A7FD
50.0%	50.0% #DFB5FD	RGB 223 181 253	#DFB5FD
66.7%	66.7% #E7C3FC	RGB 231 195 252	#E7C3FC
83.3%	83.3% #EED1FB	RGB 238 209 251	#EED1FB
100.0%	100.0% #F6E0FB	RGB 246 224 251	#F6E0FB

#C98BFF #D099FE #D8A7FD #DFB5FD #E7C3FC #EED1FB #F6E0FB

#C98BFF - #F6E0FB

HSV Blend

#C98BFF - #F6E0FB | 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 #C98BFF as 0% and #F6E0FB as 100%.

0.0%	0.0% #C98BFF	RGB 201 139 255	#C98BFF
16.7%	16.7% #D499FE	RGB 212 153 254	#D499FE
33.3%	33.3% #DDA7FD	RGB 221 167 253	#DDA7FD
50.0%	50.0% #E5B5FD	RGB 229 181 253	#E5B5FD
66.7%	66.7% #ECC3FC	RGB 236 195 252	#ECC3FC
83.3%	83.3% #F2D2FB	RGB 242 210 251	#F2D2FB
100.0%	100.0% #F6E0FB	RGB 246 224 251	#F6E0FB

#C98BFF #D499FE #DDA7FD #E5B5FD #ECC3FC #F2D2FB #F6E0FB

#C98BFF - #E5B5FD - #F6E0FB

CSS codes

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

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