#120B08 - #290605 | 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 #120B08 a #290605

#120B08 #290605

Calcule el color entre dos colores, #120B08 y #290605. 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)

#120B08 - #290605 | 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 #120B08 como 0% y #290605 como 100%.

0.0%	0.0% #120B08	RGB 18 11 8	#120B08
16.7%	16.7% #150A07	RGB 21 10 7	#150A07
33.3%	33.3% #190907	RGB 25 9 7	#190907
50.0%	50.0% #1D0806	RGB 29 8 6	#1D0806
66.7%	66.7% #210706	RGB 33 7 6	#210706
83.3%	83.3% #250605	RGB 37 6 5	#250605
100.0%	100.0% #290605	RGB 41 6 5	#290605

#120B08 #150A07 #190907 #1D0806 #210706 #250605 #290605

#120B08 - #290605

Mezcla HSV

#120B08 - #290605 | 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 #120B08 como 0% y #290605 como 100%.

0.0%	0.0% #120B08	RGB 18 11 8	#120B08
16.7%	16.7% #150B08	RGB 21 11 8	#150B08
33.3%	33.3% #190C08	RGB 25 12 8	#190C08
50.0%	50.0% #1D0B08	RGB 29 11 8	#1D0B08
66.7%	66.7% #210A07	RGB 33 10 7	#210A07
83.3%	83.3% #250806	RGB 37 8 6	#250806
100.0%	100.0% #290605	RGB 41 6 5	#290605

#120B08 #150B08 #190C08 #1D0B08 #210A07 #250806 #290605

#120B08 - #1D0B08 - #290605

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #120B08 0%, #1D0B08 50%, #290605 100%);
    background: -webkit-linear-gradient(top, #120B08 0%, #1D0B08 50%, #290605 100%);
    background: linear-gradient(to bottom, #120B08 0%, #1D0B08 50%, #290605 100%);
}
</style>