#202022 - #494B5E | 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 #202022 a #494B5E

#202022 #494B5E

Calcule el color entre dos colores, #202022 y #494B5E. 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)

#202022 - #494B5E | 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 #202022 como 0% y #494B5E como 100%.

0.0%	0.0% #202022	RGB 32 32 34	#202022
16.7%	16.7% #26272C	RGB 38 39 44	#26272C
33.3%	33.3% #2D2E36	RGB 45 46 54	#2D2E36
50.0%	50.0% #343540	RGB 52 53 64	#343540
66.7%	66.7% #3B3C4A	RGB 59 60 74	#3B3C4A
83.3%	83.3% #424354	RGB 66 67 84	#424354
100.0%	100.0% #494B5E	RGB 73 75 94	#494B5E

#202022 #26272C #2D2E36 #343540 #3B3C4A #424354 #494B5E

#202022 - #494B5E

Mezcla HSV

#202022 - #494B5E | 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 #202022 como 0% y #494B5E como 100%.

0.0%	0.0% #202022	RGB 32 32 34	#202022
16.7%	16.7% #28282C	RGB 40 40 44	#28282C
33.3%	33.3% #2F3036	RGB 47 48 54	#2F3036
50.0%	50.0% #363740	RGB 54 55 64	#363740
66.7%	66.7% #3D3E4A	RGB 61 62 74	#3D3E4A
83.3%	83.3% #434454	RGB 67 68 84	#434454
100.0%	100.0% #494B5E	RGB 73 75 94	#494B5E

#202022 #28282C #2F3036 #363740 #3D3E4A #434454 #494B5E

#202022 - #363740 - #494B5E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #202022 0%, #363740 50%, #494B5E 100%);
    background: -webkit-linear-gradient(top, #202022 0%, #363740 50%, #494B5E 100%);
    background: linear-gradient(to bottom, #202022 0%, #363740 50%, #494B5E 100%);
}
</style>