#EBBCD9 - #FCF8F0 | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #EBBCD9 a #FCF8F0

#EBBCD9 #FCF8F0

Calcule el color entre dos colores, #EBBCD9 y #FCF8F0. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#EBBCD9 - #FCF8F0 | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #EBBCD9 como 0% y #FCF8F0 como 100%.

0.0%	0.0% #EBBCD9	RGB 235 188 217	#EBBCD9
16.7%	16.7% #EDC6DC	RGB 237 198 220	#EDC6DC
33.3%	33.3% #F0D0E0	RGB 240 208 224	#F0D0E0
50.0%	50.0% #F3DAE4	RGB 243 218 228	#F3DAE4
66.7%	66.7% #F6E4E8	RGB 246 228 232	#F6E4E8
83.3%	83.3% #F9EEEC	RGB 249 238 236	#F9EEEC
100.0%	100.0% #FCF8F0	RGB 252 248 240	#FCF8F0

#EBBCD9 #EDC6DC #F0D0E0 #F3DAE4 #F6E4E8 #F9EEEC #FCF8F0

#EBBCD9 - #FCF8F0

Mezcla HSV

#EBBCD9 - #FCF8F0 | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #EBBCD9 como 0% y #FCF8F0 como 100%.

0.0%	0.0% #EBBCD9	RGB 235 188 217	#EBBCD9
16.7%	16.7% #EDC4D5	RGB 237 196 213	#EDC4D5
33.3%	33.3% #F0CCD3	RGB 240 204 211	#F0CCD3
50.0%	50.0% #F3D6D5	RGB 243 214 213	#F3D6D5
66.7%	66.7% #F6E3DE	RGB 246 227 222	#F6E3DE
83.3%	83.3% #F9EFE6	RGB 249 239 230	#F9EFE6
100.0%	100.0% #FCF8F0	RGB 252 248 240	#FCF8F0

#EBBCD9 #EDC4D5 #F0CCD3 #F3D6D5 #F6E3DE #F9EFE6 #FCF8F0

#EBBCD9 - #F3D6D5 - #FCF8F0

Códigos CSS

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

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