#5E5E5F - #152B27 | 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 #5E5E5F a #152B27

#5E5E5F #152B27

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

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

0.0%	0.0% #5E5E5F	RGB 94 94 95	#5E5E5F
16.7%	16.7% #515555	RGB 81 85 85	#515555
33.3%	33.3% #454D4C	RGB 69 77 76	#454D4C
50.0%	50.0% #394443	RGB 57 68 67	#394443
66.7%	66.7% #2D3C39	RGB 45 60 57	#2D3C39
83.3%	83.3% #213330	RGB 33 51 48	#213330
100.0%	100.0% #152B27	RGB 21 43 39	#152B27

#5E5E5F #515555 #454D4C #394443 #2D3C39 #213330 #152B27

#5E5E5F - #152B27

Mezcla HSV

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

0.0%	0.0% #5E5E5F	RGB 94 94 95	#5E5E5F
16.7%	16.7% #4E4F56	RGB 78 79 86	#4E4F56
33.3%	33.3% #3F454D	RGB 63 69 77	#3F454D
50.0%	50.0% #323D45	RGB 50 61 69	#323D45
66.7%	66.7% #27373C	RGB 39 55 60	#27373C
83.3%	83.3% #1D3333	RGB 29 51 51	#1D3333
100.0%	100.0% #152B27	RGB 21 43 39	#152B27

#5E5E5F #4E4F56 #3F454D #323D45 #27373C #1D3333 #152B27

#5E5E5F - #323D45 - #152B27

Códigos CSS

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

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