#141010 - #BBBABA | 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 #141010 a #BBBABA

#141010 #BBBABA

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

#141010 - #BBBABA | 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 #141010 como 0% y #BBBABA como 100%.

0.0%	0.0% #141010	RGB 20 16 16	#141010
16.7%	16.7% #2F2C2C	RGB 47 44 44	#2F2C2C
33.3%	33.3% #4B4848	RGB 75 72 72	#4B4848
50.0%	50.0% #676565	RGB 103 101 101	#676565
66.7%	66.7% #838181	RGB 131 129 129	#838181
83.3%	83.3% #9F9D9D	RGB 159 157 157	#9F9D9D
100.0%	100.0% #BBBABA	RGB 187 186 186	#BBBABA

#141010 #2F2C2C #4B4848 #676565 #838181 #9F9D9D #BBBABA

#141010 - #BBBABA

Mezcla HSV

#141010 - #BBBABA | 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 #141010 como 0% y #BBBABA como 100%.

0.0%	0.0% #141010	RGB 20 16 16	#141010
16.7%	16.7% #2F2727	RGB 47 39 39	#2F2727
33.3%	33.3% #4B4141	RGB 75 65 65	#4B4141
50.0%	50.0% #675C5C	RGB 103 92 92	#675C5C
66.7%	66.7% #837A7A	RGB 131 122 122	#837A7A
83.3%	83.3% #9F9999	RGB 159 153 153	#9F9999
100.0%	100.0% #BBBABA	RGB 187 186 186	#BBBABA

#141010 #2F2727 #4B4141 #675C5C #837A7A #9F9999 #BBBABA

#141010 - #675C5C - #BBBABA

Códigos CSS

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

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