#5E5E61 - #152B22 | 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 #5E5E61 a #152B22

#5E5E61 #152B22

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

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

0.0%	0.0% #5E5E61	RGB 94 94 97	#5E5E61
16.7%	16.7% #515556	RGB 81 85 86	#515556
33.3%	33.3% #454D4C	RGB 69 77 76	#454D4C
50.0%	50.0% #394441	RGB 57 68 65	#394441
66.7%	66.7% #2D3C37	RGB 45 60 55	#2D3C37
83.3%	83.3% #21332C	RGB 33 51 44	#21332C
100.0%	100.0% #152B22	RGB 21 43 34	#152B22

#5E5E61 #515556 #454D4C #394441 #2D3C37 #21332C #152B22

#5E5E61 - #152B22

Mezcla HSV

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

0.0%	0.0% #5E5E61	RGB 94 94 97	#5E5E61
16.7%	16.7% #4E5058	RGB 78 80 88	#4E5058
33.3%	33.3% #3F464F	RGB 63 70 79	#3F464F
50.0%	50.0% #334046	RGB 51 64 70	#334046
66.7%	66.7% #273B3D	RGB 39 59 61	#273B3D
83.3%	83.3% #1D3430	RGB 29 52 48	#1D3430
100.0%	100.0% #152B22	RGB 21 43 34	#152B22

#5E5E61 #4E5058 #3F464F #334046 #273B3D #1D3430 #152B22

#5E5E61 - #334046 - #152B22

Códigos CSS

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

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