#FFBFFD - #E148C6 | 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 #FFBFFD to #E148C6

#FFBFFD #E148C6

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

#FFBFFD - #E148C6 | 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 #FFBFFD as 0% and #E148C6 as 100%.

0.0%	0.0% #FFBFFD	RGB 255 191 253	#FFBFFD
16.7%	16.7% #FAABF3	RGB 250 171 243	#FAABF3
33.3%	33.3% #F597EA	RGB 245 151 234	#F597EA
50.0%	50.0% #F083E1	RGB 240 131 225	#F083E1
66.7%	66.7% #EB6FD8	RGB 235 111 216	#EB6FD8
83.3%	83.3% #E65BCF	RGB 230 91 207	#E65BCF
100.0%	100.0% #E148C6	RGB 225 72 198	#E148C6

#FFBFFD #FAABF3 #F597EA #F083E1 #EB6FD8 #E65BCF #E148C6

#FFBFFD - #E148C6

HSV Blend

#FFBFFD - #E148C6 | 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 #FFBFFD as 0% and #E148C6 as 100%.

0.0%	0.0% #FFBFFD	RGB 255 191 253	#FFBFFD
16.7%	16.7% #FAA9F5	RGB 250 169 245	#FAA9F5
33.3%	33.3% #F594ED	RGB 245 148 237	#F594ED
50.0%	50.0% #F080E4	RGB 240 128 228	#F080E4
66.7%	66.7% #EB6CDA	RGB 235 108 218	#EB6CDA
83.3%	83.3% #E65AD0	RGB 230 90 208	#E65AD0
100.0%	100.0% #E148C6	RGB 225 72 198	#E148C6

#FFBFFD #FAA9F5 #F594ED #F080E4 #EB6CDA #E65AD0 #E148C6

#FFBFFD - #F080E4 - #E148C6

CSS codes

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

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