#4E4F5D - #A38E7E | 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 #4E4F5D a #A38E7E

#4E4F5D #A38E7E

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

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

0.0%	0.0% #4E4F5D	RGB 78 79 93	#4E4F5D
16.7%	16.7% #5C5962	RGB 92 89 98	#5C5962
33.3%	33.3% #6A6468	RGB 106 100 104	#6A6468
50.0%	50.0% #786E6D	RGB 120 110 109	#786E6D
66.7%	66.7% #867973	RGB 134 121 115	#867973
83.3%	83.3% #948378	RGB 148 131 120	#948378
100.0%	100.0% #A38E7E	RGB 163 142 126	#A38E7E

#4E4F5D #5C5962 #6A6468 #786E6D #867973 #948378 #A38E7E

#4E4F5D - #A38E7E

Mezcla HSV

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

0.0%	0.0% #4E4F5D	RGB 78 79 93	#4E4F5D
16.7%	16.7% #5C5668	RGB 92 86 104	#5C5668
33.3%	33.3% #6F5F74	RGB 111 95 116	#6F5F74
50.0%	50.0% #80677B	RGB 128 103 123	#80677B
66.7%	66.7% #8B6F7A	RGB 139 111 122	#8B6F7A
83.3%	83.3% #977776	RGB 151 119 118	#977776
100.0%	100.0% #A38E7E	RGB 163 142 126	#A38E7E

#4E4F5D #5C5668 #6F5F74 #80677B #8B6F7A #977776 #A38E7E

#4E4F5D - #80677B - #A38E7E

Códigos CSS

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

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