#151610 - #060604 | 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 #151610 a #060604

#151610 #060604

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

#151610 - #060604 | 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 #151610 como 0% y #060604 como 100%.

0.0%	0.0% #151610	RGB 21 22 16	#151610
16.7%	16.7% #12130E	RGB 18 19 14	#12130E
33.3%	33.3% #10100C	RGB 16 16 12	#10100C
50.0%	50.0% #0D0E0A	RGB 13 14 10	#0D0E0A
66.7%	66.7% #0B0B08	RGB 11 11 8	#0B0B08
83.3%	83.3% #080806	RGB 8 8 6	#080806
100.0%	100.0% #060604	RGB 6 6 4	#060604

#151610 #12130E #10100C #0D0E0A #0B0B08 #080806 #060604

#151610 - #060604

Mezcla HSV

#151610 - #060604 | 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 #151610 como 0% y #060604 como 100%.

0.0%	0.0% #151610	RGB 21 22 16	#151610
16.7%	16.7% #12130D	RGB 18 19 13	#12130D
33.3%	33.3% #10100B	RGB 16 16 11	#10100B
50.0%	50.0% #0D0E09	RGB 13 14 9	#0D0E09
66.7%	66.7% #0B0B07	RGB 11 11 7	#0B0B07
83.3%	83.3% #080805	RGB 8 8 5	#080805
100.0%	100.0% #060604	RGB 6 6 4	#060604

#151610 #12130D #10100B #0D0E09 #0B0B07 #080805 #060604

#151610 - #0D0E09 - #060604

Códigos CSS

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

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