#FFF1F8 - #CD98D0 | 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 #FFF1F8 to #CD98D0

#FFF1F8 #CD98D0

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

#FFF1F8 - #CD98D0 | 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 #FFF1F8 as 0% and #CD98D0 as 100%.

0.0%	0.0% #FFF1F8	RGB 255 241 248	#FFF1F8
16.7%	16.7% #F6E2F1	RGB 246 226 241	#F6E2F1
33.3%	33.3% #EED3EA	RGB 238 211 234	#EED3EA
50.0%	50.0% #E6C4E4	RGB 230 196 228	#E6C4E4
66.7%	66.7% #DDB5DD	RGB 221 181 221	#DDB5DD
83.3%	83.3% #D5A6D6	RGB 213 166 214	#D5A6D6
100.0%	100.0% #CD98D0	RGB 205 152 208	#CD98D0

#FFF1F8 #F6E2F1 #EED3EA #E6C4E4 #DDB5DD #D5A6D6 #CD98D0

#FFF1F8 - #CD98D0

HSV Blend

#FFF1F8 - #CD98D0 | 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 #FFF1F8 as 0% and #CD98D0 as 100%.

0.0%	0.0% #FFF1F8	RGB 255 241 248	#FFF1F8
16.7%	16.7% #F7E0EE	RGB 247 224 238	#F7E0EE
33.3%	33.3% #EFD1E5	RGB 239 209 229	#EFD1E5
50.0%	50.0% #E7C1DF	RGB 231 193 223	#E7C1DF
66.7%	66.7% #DFB3D9	RGB 223 179 217	#DFB3D9
83.3%	83.3% #D7A5D5	RGB 215 165 213	#D7A5D5
100.0%	100.0% #CD98D0	RGB 205 152 208	#CD98D0

#FFF1F8 #F7E0EE #EFD1E5 #E7C1DF #DFB3D9 #D7A5D5 #CD98D0

#FFF1F8 - #E7C1DF - #CD98D0

CSS codes

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

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