#0C0C0B - #3A3E39 | 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 #0C0C0B a #3A3E39

#0C0C0B #3A3E39

Calcule el color entre dos colores, #0C0C0B y #3A3E39. 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)

#0C0C0B - #3A3E39 | 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 #0C0C0B como 0% y #3A3E39 como 100%.

0.0%	0.0% #0C0C0B	RGB 12 12 11	#0C0C0B
16.7%	16.7% #131412	RGB 19 20 18	#131412
33.3%	33.3% #1B1C1A	RGB 27 28 26	#1B1C1A
50.0%	50.0% #232522	RGB 35 37 34	#232522
66.7%	66.7% #2A2D29	RGB 42 45 41	#2A2D29
83.3%	83.3% #323531	RGB 50 53 49	#323531
100.0%	100.0% #3A3E39	RGB 58 62 57	#3A3E39

#0C0C0B #131412 #1B1C1A #232522 #2A2D29 #323531 #3A3E39

#0C0C0B - #3A3E39

Mezcla HSV

#0C0C0B - #3A3E39 | 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 #0C0C0B como 0% y #3A3E39 como 100%.

0.0%	0.0% #0C0C0B	RGB 12 12 11	#0C0C0B
16.7%	16.7% #141412	RGB 20 20 18	#141412
33.3%	33.3% #1C1C1A	RGB 28 28 26	#1C1C1A
50.0%	50.0% #232521	RGB 35 37 33	#232521
66.7%	66.7% #2B2D29	RGB 43 45 41	#2B2D29
83.3%	83.3% #323531	RGB 50 53 49	#323531
100.0%	100.0% #3A3E39	RGB 58 62 57	#3A3E39

#0C0C0B #141412 #1C1C1A #232521 #2B2D29 #323531 #3A3E39

#0C0C0B - #232521 - #3A3E39

Códigos CSS

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

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