#5E5D5E - #1D251C | 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 #5E5D5E a #1D251C

#5E5D5E #1D251C

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

#5E5D5E - #1D251C | 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 #5E5D5E como 0% y #1D251C como 100%.

0.0%	0.0% #5E5D5E	RGB 94 93 94	#5E5D5E
16.7%	16.7% #535353	RGB 83 83 83	#535353
33.3%	33.3% #484A48	RGB 72 74 72	#484A48
50.0%	50.0% #3D413D	RGB 61 65 61	#3D413D
66.7%	66.7% #323732	RGB 50 55 50	#323732
83.3%	83.3% #272E27	RGB 39 46 39	#272E27
100.0%	100.0% #1D251C	RGB 29 37 28	#1D251C

#5E5D5E #535353 #484A48 #3D413D #323732 #272E27 #1D251C

#5E5D5E - #1D251C

Mezcla HSV

#5E5D5E - #1D251C | 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 #5E5D5E como 0% y #1D251C como 100%.

0.0%	0.0% #5E5D5E	RGB 94 93 94	#5E5D5E
16.7%	16.7% #545052	RGB 84 80 82	#545052
33.3%	33.3% #4B4444	RGB 75 68 68	#4B4444
50.0%	50.0% #413C39	RGB 65 60 57	#413C39
66.7%	66.7% #38372E	RGB 56 55 46	#38372E
83.3%	83.3% #2A2E24	RGB 42 46 36	#2A2E24
100.0%	100.0% #1D251C	RGB 29 37 28	#1D251C

#5E5D5E #545052 #4B4444 #413C39 #38372E #2A2E24 #1D251C

#5E5D5E - #413C39 - #1D251C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5D5E 0%, #413C39 50%, #1D251C 100%);
    background: -webkit-linear-gradient(top, #5E5D5E 0%, #413C39 50%, #1D251C 100%);
    background: linear-gradient(to bottom, #5E5D5E 0%, #413C39 50%, #1D251C 100%);
}
</style>