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

#000001 #B6B6B6

Calcule el color entre dos colores, #000001 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)

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

0.0%	0.0% #000001	RGB 0 0 1	#000001
16.7%	16.7% #1E1E1F	RGB 30 30 31	#1E1E1F
33.3%	33.3% #3C3C3D	RGB 60 60 61	#3C3C3D
50.0%	50.0% #5B5B5B	RGB 91 91 91	#5B5B5B
66.7%	66.7% #797979	RGB 121 121 121	#797979
83.3%	83.3% #979797	RGB 151 151 151	#979797
100.0%	100.0% #B6B6B6	RGB 182 182 182	#B6B6B6

#000001 #1E1E1F #3C3C3D #5B5B5B #797979 #979797 #B6B6B6

#000001 - #B6B6B6

Mezcla HSV

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

0.0%	0.0% #000001	RGB 0 0 1	#000001
16.7%	16.7% #0D051F	RGB 13 5 31	#0D051F
33.3%	33.3% #2F143D	RGB 47 20 61	#2F143D
50.0%	50.0% #5B2D5B	RGB 91 45 91	#5B2D5B
66.7%	66.7% #79516C	RGB 121 81 108	#79516C
83.3%	83.3% #977E86	RGB 151 126 134	#977E86
100.0%	100.0% #B6B6B6	RGB 182 182 182	#B6B6B6

#000001 #0D051F #2F143D #5B2D5B #79516C #977E86 #B6B6B6

#000001 - #5B2D5B - #B6B6B6

Códigos CSS

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

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