#391010 - #814338 | 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 #814338

#391010 #814338

Calcule el color entre dos colores, #391010 y #814338. 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 - #814338 | 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 #814338 como 100%.

0.0%	0.0% #391010	RGB 57 16 16	#391010
16.7%	16.7% #451816	RGB 69 24 22	#451816
33.3%	33.3% #51211D	RGB 81 33 29	#51211D
50.0%	50.0% #5D2924	RGB 93 41 36	#5D2924
66.7%	66.7% #69322A	RGB 105 50 42	#69322A
83.3%	83.3% #753A31	RGB 117 58 49	#753A31
100.0%	100.0% #814338	RGB 129 67 56	#814338

#391010 #451816 #51211D #5D2924 #69322A #753A31 #814338

#391010 - #814338

Mezcla HSV

#391010 - #814338 | 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 #814338 como 100%.

0.0%	0.0% #391010	RGB 57 16 16	#391010
16.7%	16.7% #451615	RGB 69 22 21	#451615
33.3%	33.3% #511D1A	RGB 81 29 26	#511D1A
50.0%	50.0% #5D2521	RGB 93 37 33	#5D2521
66.7%	66.7% #692E28	RGB 105 46 40	#692E28
83.3%	83.3% #75382F	RGB 117 56 47	#75382F
100.0%	100.0% #814338	RGB 129 67 56	#814338

#391010 #451615 #511D1A #5D2521 #692E28 #75382F #814338

#391010 - #5D2521 - #814338

Códigos CSS

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

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