#FFBFFD - #CF54C2 | 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 #CF54C2

#FFBFFD #CF54C2

Calculate the color between two colors, #FFBFFD and #CF54C2. 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 - #CF54C2 | 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 #CF54C2 as 100%.

0.0%	0.0% #FFBFFD	RGB 255 191 253	#FFBFFD
16.7%	16.7% #F7ADF3	RGB 247 173 243	#F7ADF3
33.3%	33.3% #EF9BE9	RGB 239 155 233	#EF9BE9
50.0%	50.0% #E789DF	RGB 231 137 223	#E789DF
66.7%	66.7% #DF77D5	RGB 223 119 213	#DF77D5
83.3%	83.3% #D765CB	RGB 215 101 203	#D765CB
100.0%	100.0% #CF54C2	RGB 207 84 194	#CF54C2

#FFBFFD #F7ADF3 #EF9BE9 #E789DF #DF77D5 #D765CB #CF54C2

#FFBFFD - #CF54C2

HSV Blend

#FFBFFD - #CF54C2 | 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 #CF54C2 as 100%.

0.0%	0.0% #FFBFFD	RGB 255 191 253	#FFBFFD
16.7%	16.7% #F7AAF3	RGB 247 170 243	#F7AAF3
33.3%	33.3% #EF97EA	RGB 239 151 234	#EF97EA
50.0%	50.0% #E785E0	RGB 231 133 224	#E785E0
66.7%	66.7% #DF74D6	RGB 223 116 214	#DF74D6
83.3%	83.3% #D763CC	RGB 215 99 204	#D763CC
100.0%	100.0% #CF54C2	RGB 207 84 194	#CF54C2

#FFBFFD #F7AAF3 #EF97EA #E785E0 #DF74D6 #D763CC #CF54C2

#FFBFFD - #E785E0 - #CF54C2

CSS codes

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

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