#FFBAEE - #CF4DA6 | 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 #FFBAEE to #CF4DA6

#FFBAEE #CF4DA6

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

#FFBAEE - #CF4DA6 | 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 #FFBAEE as 0% and #CF4DA6 as 100%.

0.0%	0.0% #FFBAEE	RGB 255 186 238	#FFBAEE
16.7%	16.7% #F7A7E2	RGB 247 167 226	#F7A7E2
33.3%	33.3% #EF95D6	RGB 239 149 214	#EF95D6
50.0%	50.0% #E783CA	RGB 231 131 202	#E783CA
66.7%	66.7% #DF71BE	RGB 223 113 190	#DF71BE
83.3%	83.3% #D75FB2	RGB 215 95 178	#D75FB2
100.0%	100.0% #CF4DA6	RGB 207 77 166	#CF4DA6

#FFBAEE #F7A7E2 #EF95D6 #E783CA #DF71BE #D75FB2 #CF4DA6

#FFBAEE - #CF4DA6

HSV Blend

#FFBAEE - #CF4DA6 | 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 #FFBAEE as 0% and #CF4DA6 as 100%.

0.0%	0.0% #FFBAEE	RGB 255 186 238	#FFBAEE
16.7%	16.7% #F7A5E1	RGB 247 165 225	#F7A5E1
33.3%	33.3% #EF91D5	RGB 239 145 213	#EF91D5
50.0%	50.0% #E77FC9	RGB 231 127 201	#E77FC9
66.7%	66.7% #DF6DBD	RGB 223 109 189	#DF6DBD
83.3%	83.3% #D75CB1	RGB 215 92 177	#D75CB1
100.0%	100.0% #CF4DA6	RGB 207 77 166	#CF4DA6

#FFBAEE #F7A5E1 #EF91D5 #E77FC9 #DF6DBD #D75CB1 #CF4DA6

#FFBAEE - #E77FC9 - #CF4DA6

CSS codes

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

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