#5E5E68 - #152B25 | 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 #5E5E68 a #152B25

#5E5E68 #152B25

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

#5E5E68 - #152B25 | 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 #5E5E68 como 0% y #152B25 como 100%.

0.0%	0.0% #5E5E68	RGB 94 94 104	#5E5E68
16.7%	16.7% #51555C	RGB 81 85 92	#51555C
33.3%	33.3% #454D51	RGB 69 77 81	#454D51
50.0%	50.0% #394446	RGB 57 68 70	#394446
66.7%	66.7% #2D3C3B	RGB 45 60 59	#2D3C3B
83.3%	83.3% #213330	RGB 33 51 48	#213330
100.0%	100.0% #152B25	RGB 21 43 37	#152B25

#5E5E68 #51555C #454D51 #394446 #2D3C3B #213330 #152B25

#5E5E68 - #152B25

Mezcla HSV

#5E5E68 - #152B25 | 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 #5E5E68 como 0% y #152B25 como 100%.

0.0%	0.0% #5E5E68	RGB 94 94 104	#5E5E68
16.7%	16.7% #4E515D	RGB 78 81 93	#4E515D
33.3%	33.3% #404853	RGB 64 72 83	#404853
50.0%	50.0% #334149	RGB 51 65 73	#334149
66.7%	66.7% #273B3F	RGB 39 59 63	#273B3F
83.3%	83.3% #1D3533	RGB 29 53 51	#1D3533
100.0%	100.0% #152B25	RGB 21 43 37	#152B25

#5E5E68 #4E515D #404853 #334149 #273B3F #1D3533 #152B25

#5E5E68 - #334149 - #152B25

Códigos CSS

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

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