#FD8DF1 - #EFFBFF | 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 #FD8DF1 to #EFFBFF

#FD8DF1 #EFFBFF

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

#FD8DF1 - #EFFBFF | 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 #FD8DF1 as 0% and #EFFBFF as 100%.

0.0%	0.0% #FD8DF1	RGB 253 141 241	#FD8DF1
16.7%	16.7% #FA9FF3	RGB 250 159 243	#FA9FF3
33.3%	33.3% #F8B1F5	RGB 248 177 245	#F8B1F5
50.0%	50.0% #F6C4F8	RGB 246 196 248	#F6C4F8
66.7%	66.7% #F3D6FA	RGB 243 214 250	#F3D6FA
83.3%	83.3% #F1E8FC	RGB 241 232 252	#F1E8FC
100.0%	100.0% #EFFBFF	RGB 239 251 255	#EFFBFF

#FD8DF1 #FA9FF3 #F8B1F5 #F6C4F8 #F3D6FA #F1E8FC #EFFBFF

#FD8DF1 - #EFFBFF

HSV Blend

#FD8DF1 - #EFFBFF | 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 #FD8DF1 as 0% and #EFFBFF as 100%.

0.0%	0.0% #FD8DF1	RGB 253 141 241	#FD8DF1
16.7%	16.7% #E99DFD	RGB 233 157 253	#E99DFD
33.3%	33.3% #D4ADFD	RGB 212 173 253	#D4ADFD
50.0%	50.0% #C9BDFE	RGB 201 189 254	#C9BDFE
66.7%	66.7% #CED4FE	RGB 206 212 254	#CED4FE
83.3%	83.3% #DEECFE	RGB 222 236 254	#DEECFE
100.0%	100.0% #EFFBFF	RGB 239 251 255	#EFFBFF

#FD8DF1 #E99DFD #D4ADFD #C9BDFE #CED4FE #DEECFE #EFFBFF

#FD8DF1 - #C9BDFE - #EFFBFF

CSS codes

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

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