#000202 - #B6B6B6 | 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 #000202 a #B6B6B6

#000202 #B6B6B6

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

#000202 - #B6B6B6 | 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 #000202 como 0% y #B6B6B6 como 100%.

0.0%	0.0% #000202	RGB 0 2 2	#000202
16.7%	16.7% #1E2020	RGB 30 32 32	#1E2020
33.3%	33.3% #3C3E3E	RGB 60 62 62	#3C3E3E
50.0%	50.0% #5B5C5C	RGB 91 92 92	#5B5C5C
66.7%	66.7% #797A7A	RGB 121 122 122	#797A7A
83.3%	83.3% #979898	RGB 151 152 152	#979898
100.0%	100.0% #B6B6B6	RGB 182 182 182	#B6B6B6

#000202 #1E2020 #3C3E3E #5B5C5C #797A7A #979898 #B6B6B6

#000202 - #B6B6B6

Mezcla HSV

#000202 - #B6B6B6 | 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 #000202 como 0% y #B6B6B6 como 100%.

0.0%	0.0% #000202	RGB 0 2 2	#000202
16.7%	16.7% #052012	RGB 5 32 18	#052012
33.3%	33.3% #143E14	RGB 20 62 20	#143E14
50.0%	50.0% #455C2E	RGB 69 92 46	#455C2E
66.7%	66.7% #7A7A51	RGB 122 122 81	#7A7A51
83.3%	83.3% #988B7E	RGB 152 139 126	#988B7E
100.0%	100.0% #B6B6B6	RGB 182 182 182	#B6B6B6

#000202 #052012 #143E14 #455C2E #7A7A51 #988B7E #B6B6B6

#000202 - #455C2E - #B6B6B6

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #000202 0%, #455C2E 50%, #B6B6B6 100%);
    background: -webkit-linear-gradient(top, #000202 0%, #455C2E 50%, #B6B6B6 100%);
    background: linear-gradient(to bottom, #000202 0%, #455C2E 50%, #B6B6B6 100%);
}
</style>