#5E5C5E - #F19F68 | 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 #5E5C5E a #F19F68

#5E5C5E #F19F68

Calcule el color entre dos colores, #5E5C5E y #F19F68. 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)

#5E5C5E - #F19F68 | 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 #5E5C5E como 0% y #F19F68 como 100%.

0.0%	0.0% #5E5C5E	RGB 94 92 94	#5E5C5E
16.7%	16.7% #76675F	RGB 118 103 95	#76675F
33.3%	33.3% #8F7261	RGB 143 114 97	#8F7261
50.0%	50.0% #A77D63	RGB 167 125 99	#A77D63
66.7%	66.7% #C08864	RGB 192 136 100	#C08864
83.3%	83.3% #D89366	RGB 216 147 102	#D89366
100.0%	100.0% #F19F68	RGB 241 159 104	#F19F68

#5E5C5E #76675F #8F7261 #A77D63 #C08864 #D89366 #F19F68

#5E5C5E - #F19F68

Mezcla HSV

#5E5C5E - #F19F68 | 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 #5E5C5E como 0% y #F19F68 como 100%.

0.0%	0.0% #5E5C5E	RGB 94 92 94	#5E5C5E
16.7%	16.7% #766973	RGB 118 105 115	#766973
33.3%	33.3% #8F7181	RGB 143 113 129	#8F7181
50.0%	50.0% #A77684	RGB 167 118 132	#A77684
66.7%	66.7% #C0757A	RGB 192 117 122	#C0757A
83.3%	83.3% #D88271	RGB 216 130 113	#D88271
100.0%	100.0% #F19F68	RGB 241 159 104	#F19F68

#5E5C5E #766973 #8F7181 #A77684 #C0757A #D88271 #F19F68

#5E5C5E - #A77684 - #F19F68

Códigos CSS

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

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