#F66B5E - #FCD4D1 | 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 #F66B5E a #FCD4D1

#F66B5E #FCD4D1

Calcule el color entre dos colores, #F66B5E y #FCD4D1. 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)

#F66B5E - #FCD4D1 | 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 #F66B5E como 0% y #FCD4D1 como 100%.

0.0%	0.0% #F66B5E	RGB 246 107 94	#F66B5E
16.7%	16.7% #F77C71	RGB 247 124 113	#F77C71
33.3%	33.3% #F88E84	RGB 248 142 132	#F88E84
50.0%	50.0% #F99F97	RGB 249 159 151	#F99F97
66.7%	66.7% #FAB1AA	RGB 250 177 170	#FAB1AA
83.3%	83.3% #FBC2BD	RGB 251 194 189	#FBC2BD
100.0%	100.0% #FCD4D1	RGB 252 212 209	#FCD4D1

#F66B5E #F77C71 #F88E84 #F99F97 #FAB1AA #FBC2BD #FCD4D1

#F66B5E - #FCD4D1

Mezcla HSV

#F66B5E - #FCD4D1 | 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 #F66B5E como 0% y #FCD4D1 como 100%.

0.0%	0.0% #F66B5E	RGB 246 107 94	#F66B5E
16.7%	16.7% #F77B70	RGB 247 123 112	#F77B70
33.3%	33.3% #F88D83	RGB 248 141 131	#F88D83
50.0%	50.0% #F99E96	RGB 249 158 150	#F99E96
66.7%	66.7% #FAB0AA	RGB 250 176 170	#FAB0AA
83.3%	83.3% #FBC1BD	RGB 251 193 189	#FBC1BD
100.0%	100.0% #FCD4D1	RGB 252 212 209	#FCD4D1

#F66B5E #F77B70 #F88D83 #F99E96 #FAB0AA #FBC1BD #FCD4D1

#F66B5E - #F99E96 - #FCD4D1

Códigos CSS

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

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