#FF7E5E - #FFDAD1 | 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 #FF7E5E a #FFDAD1

#FF7E5E #FFDAD1

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

#FF7E5E - #FFDAD1 | 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 #FF7E5E como 0% y #FFDAD1 como 100%.

0.0%	0.0% #FF7E5E	RGB 255 126 94	#FF7E5E
16.7%	16.7% #FF8D71	RGB 255 141 113	#FF8D71
33.3%	33.3% #FF9C84	RGB 255 156 132	#FF9C84
50.0%	50.0% #FFAC97	RGB 255 172 151	#FFAC97
66.7%	66.7% #FFBBAA	RGB 255 187 170	#FFBBAA
83.3%	83.3% #FFCABD	RGB 255 202 189	#FFCABD
100.0%	100.0% #FFDAD1	RGB 255 218 209	#FFDAD1

#FF7E5E #FF8D71 #FF9C84 #FFAC97 #FFBBAA #FFCABD #FFDAD1

#FF7E5E - #FFDAD1

Mezcla HSV

#FF7E5E - #FFDAD1 | 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 #FF7E5E como 0% y #FFDAD1 como 100%.

0.0%	0.0% #FF7E5D	RGB 255 126 93	#FF7E5D
16.7%	16.7% #FF8D71	RGB 255 141 113	#FF8D71
33.3%	33.3% #FF9C84	RGB 255 156 132	#FF9C84
50.0%	50.0% #FFAB97	RGB 255 171 151	#FFAB97
66.7%	66.7% #FFBBAA	RGB 255 187 170	#FFBBAA
83.3%	83.3% #FFCABD	RGB 255 202 189	#FFCABD
100.0%	100.0% #FFDAD1	RGB 255 218 209	#FFDAD1

#FF7E5D #FF8D71 #FF9C84 #FFAB97 #FFBBAA #FFCABD #FFDAD1

#FF7E5E - #FFAB97 - #FFDAD1

Códigos CSS

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

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