#080A0C - #B8B9B9 | 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 #080A0C a #B8B9B9

#080A0C #B8B9B9

Calcule el color entre dos colores, #080A0C y #B8B9B9. 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)

#080A0C - #B8B9B9 | 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 #080A0C como 0% y #B8B9B9 como 100%.

0.0%	0.0% #080A0C	RGB 8 10 12	#080A0C
16.7%	16.7% #252728	RGB 37 39 40	#252728
33.3%	33.3% #424445	RGB 66 68 69	#424445
50.0%	50.0% #606162	RGB 96 97 98	#606162
66.7%	66.7% #7D7E7F	RGB 125 126 127	#7D7E7F
83.3%	83.3% #9A9B9C	RGB 154 155 156	#9A9B9C
100.0%	100.0% #B8B9B9	RGB 184 185 185	#B8B9B9

#080A0C #252728 #424445 #606162 #7D7E7F #9A9B9C #B8B9B9

#080A0C - #B8B9B9

Mezcla HSV

#080A0C - #B8B9B9 | 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 #080A0C como 0% y #B8B9B9 como 100%.

0.0%	0.0% #08090C	RGB 8 9 12	#08090C
16.7%	16.7% #1D2428	RGB 29 36 40	#1D2428
33.3%	33.3% #364045	RGB 54 64 69	#364045
50.0%	50.0% #515E62	RGB 81 94 98	#515E62
66.7%	66.7% #707C7F	RGB 112 124 127	#707C7F
83.3%	83.3% #929B9C	RGB 146 155 156	#929B9C
100.0%	100.0% #B8B9B9	RGB 184 185 185	#B8B9B9

#08090C #1D2428 #364045 #515E62 #707C7F #929B9C #B8B9B9

#080A0C - #515E62 - #B8B9B9

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #08090C 0%, #515E62 50%, #B8B9B9 100%);
    background: -webkit-linear-gradient(top, #08090C 0%, #515E62 50%, #B8B9B9 100%);
    background: linear-gradient(to bottom, #08090C 0%, #515E62 50%, #B8B9B9 100%);
}
</style>