#141818 - #BBBDBD | 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 #141818 a #BBBDBD

#141818 #BBBDBD

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

#141818 - #BBBDBD | 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 #141818 como 0% y #BBBDBD como 100%.

0.0%	0.0% #141818	RGB 20 24 24	#141818
16.7%	16.7% #2F3333	RGB 47 51 51	#2F3333
33.3%	33.3% #4B4F4F	RGB 75 79 79	#4B4F4F
50.0%	50.0% #676A6A	RGB 103 106 106	#676A6A
66.7%	66.7% #838686	RGB 131 134 134	#838686
83.3%	83.3% #9FA1A1	RGB 159 161 161	#9FA1A1
100.0%	100.0% #BBBDBD	RGB 187 189 189	#BBBDBD

#141818 #2F3333 #4B4F4F #676A6A #838686 #9FA1A1 #BBBDBD

#141818 - #BBBDBD

Mezcla HSV

#141818 - #BBBDBD | 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 #141818 como 0% y #BBBDBD como 100%.

0.0%	0.0% #141818	RGB 20 24 24	#141818
16.7%	16.7% #2C3333	RGB 44 51 51	#2C3333
33.3%	33.3% #454F4F	RGB 69 79 79	#454F4F
50.0%	50.0% #616A6A	RGB 97 106 106	#616A6A
66.7%	66.7% #7D8686	RGB 125 134 134	#7D8686
83.3%	83.3% #9BA1A1	RGB 155 161 161	#9BA1A1
100.0%	100.0% #BBBDBD	RGB 187 189 189	#BBBDBD

#141818 #2C3333 #454F4F #616A6A #7D8686 #9BA1A1 #BBBDBD

#141818 - #616A6A - #BBBDBD

Códigos CSS

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

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