#191915 - #BDBDBC | 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 #191915 a #BDBDBC

#191915 #BDBDBC

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

#191915 - #BDBDBC | 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 #191915 como 0% y #BDBDBC como 100%.

0.0%	0.0% #191915	RGB 25 25 21	#191915
16.7%	16.7% #343430	RGB 52 52 48	#343430
33.3%	33.3% #4F4F4C	RGB 79 79 76	#4F4F4C
50.0%	50.0% #6B6B68	RGB 107 107 104	#6B6B68
66.7%	66.7% #868684	RGB 134 134 132	#868684
83.3%	83.3% #A1A1A0	RGB 161 161 160	#A1A1A0
100.0%	100.0% #BDBDBC	RGB 189 189 188	#BDBDBC

#191915 #343430 #4F4F4C #6B6B68 #868684 #A1A1A0 #BDBDBC

#191915 - #BDBDBC

Mezcla HSV

#191915 - #BDBDBC | 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 #191915 como 0% y #BDBDBC como 100%.

0.0%	0.0% #191915	RGB 25 25 21	#191915
16.7%	16.7% #34342D	RGB 52 52 45	#34342D
33.3%	33.3% #4F4F47	RGB 79 79 71	#4F4F47
50.0%	50.0% #6B6B62	RGB 107 107 98	#6B6B62
66.7%	66.7% #86867E	RGB 134 134 126	#86867E
83.3%	83.3% #A1A19C	RGB 161 161 156	#A1A19C
100.0%	100.0% #BDBDBC	RGB 189 189 188	#BDBDBC

#191915 #34342D #4F4F47 #6B6B62 #86867E #A1A19C #BDBDBC

#191915 - #6B6B62 - #BDBDBC

Códigos CSS

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

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