#5C5E5C - #10500F | 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 #5C5E5C a #10500F

#5C5E5C #10500F

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

#5C5E5C - #10500F | 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 #5C5E5C como 0% y #10500F como 100%.

0.0%	0.0% #5C5E5C	RGB 92 94 92	#5C5E5C
16.7%	16.7% #4F5B4F	RGB 79 91 79	#4F5B4F
33.3%	33.3% #425942	RGB 66 89 66	#425942
50.0%	50.0% #365735	RGB 54 87 53	#365735
66.7%	66.7% #295428	RGB 41 84 40	#295428
83.3%	83.3% #1C521B	RGB 28 82 27	#1C521B
100.0%	100.0% #10500F	RGB 16 80 15	#10500F

#5C5E5C #4F5B4F #425942 #365735 #295428 #1C521B #10500F

#5C5E5C - #10500F

Mezcla HSV

#5C5E5C - #10500F | 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 #5C5E5C como 0% y #10500F como 100%.

0.0%	0.0% #5C5E5C	RGB 92 94 92	#5C5E5C
16.7%	16.7% #4D5B4D	RGB 77 91 77	#4D5B4D
33.3%	33.3% #40593F	RGB 64 89 63	#40593F
50.0%	50.0% #335732	RGB 51 87 50	#335732
66.7%	66.7% #265426	RGB 38 84 38	#265426
83.3%	83.3% #1B521A	RGB 27 82 26	#1B521A
100.0%	100.0% #10500F	RGB 16 80 15	#10500F

#5C5E5C #4D5B4D #40593F #335732 #265426 #1B521A #10500F

#5C5E5C - #335732 - #10500F

Códigos CSS

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

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