#030308 - #B7B7B8 | 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 #030308 a #B7B7B8

#030308 #B7B7B8

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

#030308 - #B7B7B8 | 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 #030308 como 0% y #B7B7B8 como 100%.

0.0%	0.0% #030308	RGB 3 3 8	#030308
16.7%	16.7% #212125	RGB 33 33 37	#212125
33.3%	33.3% #3F3F42	RGB 63 63 66	#3F3F42
50.0%	50.0% #5D5D60	RGB 93 93 96	#5D5D60
66.7%	66.7% #7B7B7D	RGB 123 123 125	#7B7B7D
83.3%	83.3% #99999A	RGB 153 153 154	#99999A
100.0%	100.0% #B7B7B8	RGB 183 183 184	#B7B7B8

#030308 #212125 #3F3F42 #5D5D60 #7B7B7D #99999A #B7B7B8

#030308 - #B7B7B8

Mezcla HSV

#030308 - #B7B7B8 | 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 #030308 como 0% y #B7B7B8 como 100%.

0.0%	0.0% #030308	RGB 3 3 8	#030308
16.7%	16.7% #111125	RGB 17 17 37	#111125
33.3%	33.3% #262642	RGB 38 38 66	#262642
50.0%	50.0% #414160	RGB 65 65 96	#414160
66.7%	66.7% #62627D	RGB 98 98 125	#62627D
83.3%	83.3% #89899A	RGB 137 137 154	#89899A
100.0%	100.0% #B7B7B8	RGB 183 183 184	#B7B7B8

#030308 #111125 #262642 #414160 #62627D #89899A #B7B7B8

#030308 - #414160 - #B7B7B8

Códigos CSS

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

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