#FFB9F2 - #CF4CA3 | 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 #FFB9F2 to #CF4CA3

#FFB9F2 #CF4CA3

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

#FFB9F2 - #CF4CA3 | 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 #FFB9F2 as 0% and #CF4CA3 as 100%.

0.0%	0.0% #FFB9F2	RGB 255 185 242	#FFB9F2
16.7%	16.7% #F7A6E4	RGB 247 166 228	#F7A6E4
33.3%	33.3% #EF94D7	RGB 239 148 215	#EF94D7
50.0%	50.0% #E782CA	RGB 231 130 202	#E782CA
66.7%	66.7% #DF70BD	RGB 223 112 189	#DF70BD
83.3%	83.3% #D75EB0	RGB 215 94 176	#D75EB0
100.0%	100.0% #CF4CA3	RGB 207 76 163	#CF4CA3

#FFB9F2 #F7A6E4 #EF94D7 #E782CA #DF70BD #D75EB0 #CF4CA3

#FFB9F2 - #CF4CA3

HSV Blend

#FFB9F2 - #CF4CA3 | 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 #FFB9F2 as 0% and #CF4CA3 as 100%.

0.0%	0.0% #FFB9F2	RGB 255 185 242	#FFB9F2
16.7%	16.7% #F7A4E5	RGB 247 164 229	#F7A4E5
33.3%	33.3% #EF90D8	RGB 239 144 216	#EF90D8
50.0%	50.0% #E77ECB	RGB 231 126 203	#E77ECB
66.7%	66.7% #DF6CBE	RGB 223 108 190	#DF6CBE
83.3%	83.3% #D75BB0	RGB 215 91 176	#D75BB0
100.0%	100.0% #CF4CA3	RGB 207 76 163	#CF4CA3

#FFB9F2 #F7A4E5 #EF90D8 #E77ECB #DF6CBE #D75BB0 #CF4CA3

#FFB9F2 - #E77ECB - #CF4CA3

CSS codes

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

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