#390A16 - #813734 | 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 #390A16 a #813734

#390A16 #813734

Calcule el color entre dos colores, #390A16 y #813734. 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)

#390A16 - #813734 | 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 #390A16 como 0% y #813734 como 100%.

0.0%	0.0% #390A16	RGB 57 10 22	#390A16
16.7%	16.7% #45111B	RGB 69 17 27	#45111B
33.3%	33.3% #511920	RGB 81 25 32	#511920
50.0%	50.0% #5D2025	RGB 93 32 37	#5D2025
66.7%	66.7% #69282A	RGB 105 40 42	#69282A
83.3%	83.3% #752F2F	RGB 117 47 47	#752F2F
100.0%	100.0% #813734	RGB 129 55 52	#813734

#390A16 #45111B #511920 #5D2025 #69282A #752F2F #813734

#390A16 - #813734

Mezcla HSV

#390A16 - #813734 | 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 #390A16 como 0% y #813734 como 100%.

0.0%	0.0% #390A15	RGB 57 10 21	#390A15
16.7%	16.7% #450E19	RGB 69 14 25	#450E19
33.3%	33.3% #51141D	RGB 81 20 29	#51141D
50.0%	50.0% #5D1A22	RGB 93 26 34	#5D1A22
66.7%	66.7% #692226	RGB 105 34 38	#692226
83.3%	83.3% #752A2B	RGB 117 42 43	#752A2B
100.0%	100.0% #813734	RGB 129 55 52	#813734

#390A15 #450E19 #51141D #5D1A22 #692226 #752A2B #813734

#390A16 - #5D1A22 - #813734

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #390A15 0%, #5D1A22 50%, #813734 100%);
    background: -webkit-linear-gradient(top, #390A15 0%, #5D1A22 50%, #813734 100%);
    background: linear-gradient(to bottom, #390A15 0%, #5D1A22 50%, #813734 100%);
}
</style>