#5E5E5A - #453810 | 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 #5E5E5A a #453810

#5E5E5A #453810

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

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

0.0%	0.0% #5E5E5A	RGB 94 94 90	#5E5E5A
16.7%	16.7% #59574D	RGB 89 87 77	#59574D
33.3%	33.3% #555141	RGB 85 81 65	#555141
50.0%	50.0% #514B35	RGB 81 75 53	#514B35
66.7%	66.7% #4D4428	RGB 77 68 40	#4D4428
83.3%	83.3% #493E1C	RGB 73 62 28	#493E1C
100.0%	100.0% #453810	RGB 69 56 16	#453810

#5E5E5A #59574D #555141 #514B35 #4D4428 #493E1C #453810

#5E5E5A - #453810

Mezcla HSV

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

0.0%	0.0% #5E5E5A	RGB 94 94 90	#5E5E5A
16.7%	16.7% #59594B	RGB 89 89 75	#59594B
33.3%	33.3% #55533D	RGB 85 83 61	#55533D
50.0%	50.0% #514D30	RGB 81 77 48	#514D30
66.7%	66.7% #4D4624	RGB 77 70 36	#4D4624
83.3%	83.3% #493F19	RGB 73 63 25	#493F19
100.0%	100.0% #453810	RGB 69 56 16	#453810

#5E5E5A #59594B #55533D #514D30 #4D4624 #493F19 #453810

#5E5E5A - #514D30 - #453810

Códigos CSS

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

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