#140C0C - #BBB9B9 | 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 #140C0C a #BBB9B9

#140C0C #BBB9B9

Calcule el color entre dos colores, #140C0C y #BBB9B9. 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)

#140C0C - #BBB9B9 | 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 #140C0C como 0% y #BBB9B9 como 100%.

0.0%	0.0% #140C0C	RGB 20 12 12	#140C0C
16.7%	16.7% #2F2828	RGB 47 40 40	#2F2828
33.3%	33.3% #4B4545	RGB 75 69 69	#4B4545
50.0%	50.0% #676262	RGB 103 98 98	#676262
66.7%	66.7% #837F7F	RGB 131 127 127	#837F7F
83.3%	83.3% #9F9C9C	RGB 159 156 156	#9F9C9C
100.0%	100.0% #BBB9B9	RGB 187 185 185	#BBB9B9

#140C0C #2F2828 #4B4545 #676262 #837F7F #9F9C9C #BBB9B9

#140C0C - #BBB9B9

Mezcla HSV

#140C0C - #BBB9B9 | 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 #140C0C como 0% y #BBB9B9 como 100%.

0.0%	0.0% #140C0C	RGB 20 12 12	#140C0C
16.7%	16.7% #2F1F1F	RGB 47 31 31	#2F1F1F
33.3%	33.3% #4B3737	RGB 75 55 55	#4B3737
50.0%	50.0% #675252	RGB 103 82 82	#675252
66.7%	66.7% #837070	RGB 131 112 112	#837070
83.3%	83.3% #9F9393	RGB 159 147 147	#9F9393
100.0%	100.0% #BBB9B9	RGB 187 185 185	#BBB9B9

#140C0C #2F1F1F #4B3737 #675252 #837070 #9F9393 #BBB9B9

#140C0C - #675252 - #BBB9B9

Códigos CSS

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

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