#02020B - #B6B6B9 | 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 #02020B a #B6B6B9

#02020B #B6B6B9

Calcule el color entre dos colores, #02020B y #B6B6B9. 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)

#02020B - #B6B6B9 | 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 #02020B como 0% y #B6B6B9 como 100%.

0.0%	0.0% #02020B	RGB 2 2 11	#02020B
16.7%	16.7% #202028	RGB 32 32 40	#202028
33.3%	33.3% #3E3E45	RGB 62 62 69	#3E3E45
50.0%	50.0% #5C5C62	RGB 92 92 98	#5C5C62
66.7%	66.7% #7A7A7F	RGB 122 122 127	#7A7A7F
83.3%	83.3% #98989C	RGB 152 152 156	#98989C
100.0%	100.0% #B6B6B9	RGB 182 182 185	#B6B6B9

#02020B #202028 #3E3E45 #5C5C62 #7A7A7F #98989C #B6B6B9

#02020B - #B6B6B9

Mezcla HSV

#02020B - #B6B6B9 | 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 #02020B como 0% y #B6B6B9 como 100%.

0.0%	0.0% #02020B	RGB 2 2 11	#02020B
16.7%	16.7% #0C0C28	RGB 12 12 40	#0C0C28
33.3%	33.3% #1E1E45	RGB 30 30 69	#1E1E45
50.0%	50.0% #393962	RGB 57 57 98	#393962
66.7%	66.7% #5A5A7F	RGB 90 90 127	#5A5A7F
83.3%	83.3% #84849C	RGB 132 132 156	#84849C
100.0%	100.0% #B6B6B9	RGB 182 182 185	#B6B6B9

#02020B #0C0C28 #1E1E45 #393962 #5A5A7F #84849C #B6B6B9

#02020B - #393962 - #B6B6B9

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #02020B 0%, #393962 50%, #B6B6B9 100%);
    background: -webkit-linear-gradient(top, #02020B 0%, #393962 50%, #B6B6B9 100%);
    background: linear-gradient(to bottom, #02020B 0%, #393962 50%, #B6B6B9 100%);
}
</style>