#202122 - #575752 | 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 #202122 a #575752

#202122 #575752

Calcule el color entre dos colores, #202122 y #575752. 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)

#202122 - #575752 | 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 #202122 como 0% y #575752 como 100%.

0.0%	0.0% #202122	RGB 32 33 34	#202122
16.7%	16.7% #292A2A	RGB 41 42 42	#292A2A
33.3%	33.3% #323332	RGB 50 51 50	#323332
50.0%	50.0% #3B3C3A	RGB 59 60 58	#3B3C3A
66.7%	66.7% #444542	RGB 68 69 66	#444542
83.3%	83.3% #4D4E4A	RGB 77 78 74	#4D4E4A
100.0%	100.0% #575752	RGB 87 87 82	#575752

#202122 #292A2A #323332 #3B3C3A #444542 #4D4E4A #575752

#202122 - #575752

Mezcla HSV

#202122 - #575752 | 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 #202122 como 0% y #575752 como 100%.

0.0%	0.0% #202122	RGB 32 33 34	#202122
16.7%	16.7% #282A2A	RGB 40 42 42	#282A2A
33.3%	33.3% #303332	RGB 48 51 50	#303332
50.0%	50.0% #383C39	RGB 56 60 57	#383C39
66.7%	66.7% #414541	RGB 65 69 65	#414541
83.3%	83.3% #4C4E49	RGB 76 78 73	#4C4E49
100.0%	100.0% #575752	RGB 87 87 82	#575752

#202122 #282A2A #303332 #383C39 #414541 #4C4E49 #575752

#202122 - #383C39 - #575752

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #202122 0%, #383C39 50%, #575752 100%);
    background: -webkit-linear-gradient(top, #202122 0%, #383C39 50%, #575752 100%);
    background: linear-gradient(to bottom, #202122 0%, #383C39 50%, #575752 100%);
}
</style>