#391010 - #300905 | 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 #391010 a #300905

#391010 #300905

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

#391010 - #300905 | 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 #391010 como 0% y #300905 como 100%.

0.0%	0.0% #391010	RGB 57 16 16	#391010
16.7%	16.7% #370E0E	RGB 55 14 14	#370E0E
33.3%	33.3% #360D0C	RGB 54 13 12	#360D0C
50.0%	50.0% #340C0A	RGB 52 12 10	#340C0A
66.7%	66.7% #330B08	RGB 51 11 8	#330B08
83.3%	83.3% #310A06	RGB 49 10 6	#310A06
100.0%	100.0% #300905	RGB 48 9 5	#300905

#391010 #370E0E #360D0C #340C0A #330B08 #310A06 #300905

#391010 - #300905

Mezcla HSV

#391010 - #300905 | 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 #391010 como 0% y #300905 como 100%.

0.0%	0.0% #391010	RGB 57 16 16	#391010
16.7%	16.7% #370E0D	RGB 55 14 13	#370E0D
33.3%	33.3% #360D0B	RGB 54 13 11	#360D0B
50.0%	50.0% #340C0A	RGB 52 12 10	#340C0A
66.7%	66.7% #330A08	RGB 51 10 8	#330A08
83.3%	83.3% #310906	RGB 49 9 6	#310906
100.0%	100.0% #300905	RGB 48 9 5	#300905

#391010 #370E0D #360D0B #340C0A #330A08 #310906 #300905

#391010 - #340C0A - #300905

Códigos CSS

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

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