#E28181 - #FCD5A5 | 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 #E28181 a #FCD5A5

#E28181 #FCD5A5

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

#E28181 - #FCD5A5 | 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 #E28181 como 0% y #FCD5A5 como 100%.

0.0%	0.0% #E28181	RGB 226 129 129	#E28181
16.7%	16.7% #E68F87	RGB 230 143 135	#E68F87
33.3%	33.3% #EA9D8D	RGB 234 157 141	#EA9D8D
50.0%	50.0% #EFAB93	RGB 239 171 147	#EFAB93
66.7%	66.7% #F3B999	RGB 243 185 153	#F3B999
83.3%	83.3% #F7C79F	RGB 247 199 159	#F7C79F
100.0%	100.0% #FCD5A5	RGB 252 213 165	#FCD5A5

#E28181 #E68F87 #EA9D8D #EFAB93 #F3B999 #F7C79F #FCD5A5

#E28181 - #FCD5A5

Mezcla HSV

#E28181 - #FCD5A5 | 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 #E28181 como 0% y #FCD5A5 como 100%.

0.0%	0.0% #E28181	RGB 226 129 129	#E28181
16.7%	16.7% #E68F86	RGB 230 143 134	#E68F86
33.3%	33.3% #EA9D8C	RGB 234 157 140	#EA9D8C
50.0%	50.0% #EFAB92	RGB 239 171 146	#EFAB92
66.7%	66.7% #F3B998	RGB 243 185 152	#F3B998
83.3%	83.3% #F7C79E	RGB 247 199 158	#F7C79E
100.0%	100.0% #FCD5A5	RGB 252 213 165	#FCD5A5

#E28181 #E68F86 #EA9D8C #EFAB92 #F3B998 #F7C79E #FCD5A5

#E28181 - #EFAB92 - #FCD5A5

Códigos CSS

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

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