#E76BA3 - #FFCFC1 | 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 #E76BA3 to #FFCFC1

#E76BA3 #FFCFC1

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

#E76BA3 - #FFCFC1 | 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 #E76BA3 as 0% and #FFCFC1 as 100%.

0.0%	0.0% #E76BA3	RGB 231 107 163	#E76BA3
16.7%	16.7% #EB7BA8	RGB 235 123 168	#EB7BA8
33.3%	33.3% #EF8CAD	RGB 239 140 173	#EF8CAD
50.0%	50.0% #F39DB2	RGB 243 157 178	#F39DB2
66.7%	66.7% #F7ADB7	RGB 247 173 183	#F7ADB7
83.3%	83.3% #FBBEBC	RGB 251 190 188	#FBBEBC
100.0%	100.0% #FFCFC1	RGB 255 207 193	#FFCFC1

#E76BA3 #EB7BA8 #EF8CAD #F39DB2 #F7ADB7 #FBBEBC #FFCFC1

#E76BA3 - #FFCFC1

HSV Blend

#E76BA3 - #FFCFC1 | 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 #E76BA3 as 0% and #FFCFC1 as 100%.

0.0%	0.0% #E76BA3	RGB 231 107 163	#E76BA3
16.7%	16.7% #EB789F	RGB 235 120 159	#EB789F
33.3%	33.3% #EF869D	RGB 239 134 157	#EF869D
50.0%	50.0% #F3949E	RGB 243 148 158	#F3949E
66.7%	66.7% #F7A2A2	RGB 247 162 162	#F7A2A2
83.3%	83.3% #FBB9B1	RGB 251 185 177	#FBB9B1
100.0%	100.0% #FFCFC1	RGB 255 207 193	#FFCFC1

#E76BA3 #EB789F #EF869D #F3949E #F7A2A2 #FBB9B1 #FFCFC1

#E76BA3 - #F3949E - #FFCFC1

CSS codes

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

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