#EB80A9 - #FCDCC6 | 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 #EB80A9 to #FCDCC6

#EB80A9 #FCDCC6

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

#EB80A9 - #FCDCC6 | 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 #EB80A9 as 0% and #FCDCC6 as 100%.

0.0%	0.0% #EB80A9	RGB 235 128 169	#EB80A9
16.7%	16.7% #ED8FAD	RGB 237 143 173	#ED8FAD
33.3%	33.3% #F09EB2	RGB 240 158 178	#F09EB2
50.0%	50.0% #F3AEB7	RGB 243 174 183	#F3AEB7
66.7%	66.7% #F6BDBC	RGB 246 189 188	#F6BDBC
83.3%	83.3% #F9CCC1	RGB 249 204 193	#F9CCC1
100.0%	100.0% #FCDCC6	RGB 252 220 198	#FCDCC6

#EB80A9 #ED8FAD #F09EB2 #F3AEB7 #F6BDBC #F9CCC1 #FCDCC6

#EB80A9 - #FCDCC6

HSV Blend

#EB80A9 - #FCDCC6 | 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 #EB80A9 as 0% and #FCDCC6 as 100%.

0.0%	0.0% #EB80A9	RGB 235 128 169	#EB80A9
16.7%	16.7% #ED8BA3	RGB 237 139 163	#ED8BA3
33.3%	33.3% #F096A1	RGB 240 150 161	#F096A1
50.0%	50.0% #F3A2A1	RGB 243 162 161	#F3A2A1
66.7%	66.7% #F6B8AD	RGB 246 184 173	#F6B8AD
83.3%	83.3% #F9CBB9	RGB 249 203 185	#F9CBB9
100.0%	100.0% #FCDCC6	RGB 252 220 198	#FCDCC6

#EB80A9 #ED8BA3 #F096A1 #F3A2A1 #F6B8AD #F9CBB9 #FCDCC6

#EB80A9 - #F3A2A1 - #FCDCC6

CSS codes

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

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