#4D4D5E - #E47474 | 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 #4D4D5E a #E47474

#4D4D5E #E47474

Calcule el color entre dos colores, #4D4D5E y #E47474. 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)

#4D4D5E - #E47474 | 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 #4D4D5E como 0% y #E47474 como 100%.

0.0%	0.0% #4D4D5E	RGB 77 77 94	#4D4D5E
16.7%	16.7% #665361	RGB 102 83 97	#665361
33.3%	33.3% #7F5A65	RGB 127 90 101	#7F5A65
50.0%	50.0% #986069	RGB 152 96 105	#986069
66.7%	66.7% #B1676C	RGB 177 103 108	#B1676C
83.3%	83.3% #CA6D70	RGB 202 109 112	#CA6D70
100.0%	100.0% #E47474	RGB 228 116 116	#E47474

#4D4D5E #665361 #7F5A65 #986069 #B1676C #CA6D70 #E47474

#4D4D5E - #E47474

Mezcla HSV

#4D4D5E - #E47474 | 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 #4D4D5E como 0% y #E47474 como 100%.

0.0%	0.0% #4D4D5E	RGB 77 77 94	#4D4D5E
16.7%	16.7% #625974	RGB 98 89 116	#625974
33.3%	33.3% #7D638A	RGB 125 99 138	#7D638A
50.0%	50.0% #A16AA0	RGB 161 106 160	#A16AA0
66.7%	66.7% #B7709F	RGB 183 112 159	#B7709F
83.3%	83.3% #CD7391	RGB 205 115 145	#CD7391
100.0%	100.0% #E47474	RGB 228 116 116	#E47474

#4D4D5E #625974 #7D638A #A16AA0 #B7709F #CD7391 #E47474

#4D4D5E - #A16AA0 - #E47474

Códigos CSS

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

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