#C98FDA - #FFDAD6 | 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 #C98FDA to #FFDAD6

#C98FDA #FFDAD6

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

#C98FDA - #FFDAD6 | 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 #C98FDA as 0% and #FFDAD6 as 100%.

0.0%	0.0% #C98FDA	RGB 201 143 218	#C98FDA
16.7%	16.7% #D29BD9	RGB 210 155 217	#D29BD9
33.3%	33.3% #DBA8D8	RGB 219 168 216	#DBA8D8
50.0%	50.0% #E4B4D8	RGB 228 180 216	#E4B4D8
66.7%	66.7% #EDC1D7	RGB 237 193 215	#EDC1D7
83.3%	83.3% #F6CDD6	RGB 246 205 214	#F6CDD6
100.0%	100.0% #FFDAD6	RGB 255 218 214	#FFDAD6

#C98FDA #D29BD9 #DBA8D8 #E4B4D8 #EDC1D7 #F6CDD6 #FFDAD6

#C98FDA - #FFDAD6

HSV Blend

#C98FDA - #FFDAD6 | 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 #C98FDA as 0% and #FFDAD6 as 100%.

0.0%	0.0% #C98FDA	RGB 201 143 218	#C98FDA
16.7%	16.7% #DF99E0	RGB 223 153 224	#DF99E0
33.3%	33.3% #E6A5D8	RGB 230 165 216	#E6A5D8
50.0%	50.0% #ECB0D2	RGB 236 176 210	#ECB0D2
66.7%	66.7% #F2BCCF	RGB 242 188 207	#F2BCCF
83.3%	83.3% #F8C9CF	RGB 248 201 207	#F8C9CF
100.0%	100.0% #FFDAD6	RGB 255 218 214	#FFDAD6

#C98FDA #DF99E0 #E6A5D8 #ECB0D2 #F2BCCF #F8C9CF #FFDAD6

#C98FDA - #ECB0D2 - #FFDAD6

CSS codes

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

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