#5E5E5E - #0F5B56 | 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 #5E5E5E a #0F5B56

#5E5E5E #0F5B56

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

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

0.0%	0.0% #5E5E5E	RGB 94 94 94	#5E5E5E
16.7%	16.7% #505D5C	RGB 80 93 92	#505D5C
33.3%	33.3% #435D5B	RGB 67 93 91	#435D5B
50.0%	50.0% #365C5A	RGB 54 92 90	#365C5A
66.7%	66.7% #295C58	RGB 41 92 88	#295C58
83.3%	83.3% #1C5B57	RGB 28 91 87	#1C5B57
100.0%	100.0% #0F5B56	RGB 15 91 86	#0F5B56

#5E5E5E #505D5C #435D5B #365C5A #295C58 #1C5B57 #0F5B56

#5E5E5E - #0F5B56

Mezcla HSV

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

0.0%	0.0% #5E5E5E	RGB 94 94 94	#5E5E5E
16.7%	16.7% #5D5650	RGB 93 86 80	#5D5650
33.3%	33.3% #5D5C43	RGB 93 92 67	#5D5C43
50.0%	50.0% #4A5C35	RGB 74 92 53	#4A5C35
66.7%	66.7% #2B5C28	RGB 43 92 40	#2B5C28
83.3%	83.3% #1B5B38	RGB 27 91 56	#1B5B38
100.0%	100.0% #0F5B56	RGB 15 91 86	#0F5B56

#5E5E5E #5D5650 #5D5C43 #4A5C35 #2B5C28 #1B5B38 #0F5B56

#5E5E5E - #4A5C35 - #0F5B56

Códigos CSS

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

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