#391910 - #875036 | 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 #391910 a #875036

#391910 #875036

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

#391910 - #875036 | 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 #391910 como 0% y #875036 como 100%.

0.0%	0.0% #391910	RGB 57 25 16	#391910
16.7%	16.7% #462216	RGB 70 34 22	#462216
33.3%	33.3% #532B1C	RGB 83 43 28	#532B1C
50.0%	50.0% #603423	RGB 96 52 35	#603423
66.7%	66.7% #6D3D29	RGB 109 61 41	#6D3D29
83.3%	83.3% #7A462F	RGB 122 70 47	#7A462F
100.0%	100.0% #875036	RGB 135 80 54	#875036

#391910 #462216 #532B1C #603423 #6D3D29 #7A462F #875036

#391910 - #875036

Mezcla HSV

#391910 - #875036 | 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 #391910 como 0% y #875036 como 100%.

0.0%	0.0% #391910	RGB 57 25 16	#391910
16.7%	16.7% #462015	RGB 70 32 21	#462015
33.3%	33.3% #53281A	RGB 83 40 26	#53281A
50.0%	50.0% #603120	RGB 96 49 32	#603120
66.7%	66.7% #6D3B27	RGB 109 59 39	#6D3B27
83.3%	83.3% #7A452E	RGB 122 69 46	#7A452E
100.0%	100.0% #875036	RGB 135 80 54	#875036

#391910 #462015 #53281A #603120 #6D3B27 #7A452E #875036

#391910 - #603120 - #875036

Códigos CSS

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

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