#ED4336 - #F9C9C5 | 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 #ED4336 a #F9C9C5

#ED4336 #F9C9C5

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

#ED4336 - #F9C9C5 | 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 #ED4336 como 0% y #F9C9C5 como 100%.

0.0%	0.0% #ED4336	RGB 237 67 54	#ED4336
16.7%	16.7% #EF594D	RGB 239 89 77	#EF594D
33.3%	33.3% #F16F65	RGB 241 111 101	#F16F65
50.0%	50.0% #F3867D	RGB 243 134 125	#F3867D
66.7%	66.7% #F59C95	RGB 245 156 149	#F59C95
83.3%	83.3% #F7B2AD	RGB 247 178 173	#F7B2AD
100.0%	100.0% #F9C9C5	RGB 249 201 197	#F9C9C5

#ED4336 #EF594D #F16F65 #F3867D #F59C95 #F7B2AD #F9C9C5

#ED4336 - #F9C9C5

Mezcla HSV

#ED4336 - #F9C9C5 | 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 #ED4336 como 0% y #F9C9C5 como 100%.

0.0%	0.0% #ED4336	RGB 237 67 54	#ED4336
16.7%	16.7% #EF584C	RGB 239 88 76	#EF584C
33.3%	33.3% #F16E64	RGB 241 110 100	#F16E64
50.0%	50.0% #F3847B	RGB 243 132 123	#F3847B
66.7%	66.7% #F59B93	RGB 245 155 147	#F59B93
83.3%	83.3% #F7B1AC	RGB 247 177 172	#F7B1AC
100.0%	100.0% #F9C9C5	RGB 249 201 197	#F9C9C5

#ED4336 #EF584C #F16E64 #F3847B #F59B93 #F7B1AC #F9C9C5

#ED4336 - #F3847B - #F9C9C5

Códigos CSS

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

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