#300D0D - #2E0705 | 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 #300D0D a #2E0705

#300D0D #2E0705

Calcule el color entre dos colores, #300D0D y #2E0705. 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)

#300D0D - #2E0705 | 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 #300D0D como 0% y #2E0705 como 100%.

0.0%	0.0% #300D0D	RGB 48 13 13	#300D0D
16.7%	16.7% #2F0C0B	RGB 47 12 11	#2F0C0B
33.3%	33.3% #2F0B0A	RGB 47 11 10	#2F0B0A
50.0%	50.0% #2F0A09	RGB 47 10 9	#2F0A09
66.7%	66.7% #2E0907	RGB 46 9 7	#2E0907
83.3%	83.3% #2E0806	RGB 46 8 6	#2E0806
100.0%	100.0% #2E0705	RGB 46 7 5	#2E0705

#300D0D #2F0C0B #2F0B0A #2F0A09 #2E0907 #2E0806 #2E0705

#300D0D - #2E0705

Mezcla HSV

#300D0D - #2E0705 | 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 #300D0D como 0% y #2E0705 como 100%.

0.0%	0.0% #300D0D	RGB 48 13 13	#300D0D
16.7%	16.7% #2F0B0B	RGB 47 11 11	#2F0B0B
33.3%	33.3% #2F0A0A	RGB 47 10 10	#2F0A0A
50.0%	50.0% #2F0908	RGB 47 9 8	#2F0908
66.7%	66.7% #2E0807	RGB 46 8 7	#2E0807
83.3%	83.3% #2E0706	RGB 46 7 6	#2E0706
100.0%	100.0% #2E0705	RGB 46 7 5	#2E0705

#300D0D #2F0B0B #2F0A0A #2F0908 #2E0807 #2E0706 #2E0705

#300D0D - #2F0908 - #2E0705

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #300D0D 0%, #2F0908 50%, #2E0705 100%);
    background: -webkit-linear-gradient(top, #300D0D 0%, #2F0908 50%, #2E0705 100%);
    background: linear-gradient(to bottom, #300D0D 0%, #2F0908 50%, #2E0705 100%);
}
</style>