#5E5E60 - #152B21 | 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 #5E5E60 a #152B21

#5E5E60 #152B21

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

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

0.0%	0.0% #5E5E60	RGB 94 94 96	#5E5E60
16.7%	16.7% #515555	RGB 81 85 85	#515555
33.3%	33.3% #454D4B	RGB 69 77 75	#454D4B
50.0%	50.0% #394440	RGB 57 68 64	#394440
66.7%	66.7% #2D3C36	RGB 45 60 54	#2D3C36
83.3%	83.3% #21332B	RGB 33 51 43	#21332B
100.0%	100.0% #152B21	RGB 21 43 33	#152B21

#5E5E60 #515555 #454D4B #394440 #2D3C36 #21332B #152B21

#5E5E60 - #152B21

Mezcla HSV

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

0.0%	0.0% #5E5E60	RGB 94 94 96	#5E5E60
16.7%	16.7% #4E5057	RGB 78 80 87	#4E5057
33.3%	33.3% #3F464E	RGB 63 70 78	#3F464E
50.0%	50.0% #324045	RGB 50 64 69	#324045
66.7%	66.7% #273C3C	RGB 39 60 60	#273C3C
83.3%	83.3% #1D332F	RGB 29 51 47	#1D332F
100.0%	100.0% #152B21	RGB 21 43 33	#152B21

#5E5E60 #4E5057 #3F464E #324045 #273C3C #1D332F #152B21

#5E5E60 - #324045 - #152B21

Códigos CSS

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

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