#412929 - #A16C57 | 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 #412929 a #A16C57

#412929 #A16C57

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

#412929 - #A16C57 | 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 #412929 como 0% y #A16C57 como 100%.

0.0%	0.0% #412929	RGB 65 41 41	#412929
16.7%	16.7% #513430	RGB 81 52 48	#513430
33.3%	33.3% #613F38	RGB 97 63 56	#613F38
50.0%	50.0% #714A40	RGB 113 74 64	#714A40
66.7%	66.7% #815547	RGB 129 85 71	#815547
83.3%	83.3% #91604F	RGB 145 96 79	#91604F
100.0%	100.0% #A16C57	RGB 161 108 87	#A16C57

#412929 #513430 #613F38 #714A40 #815547 #91604F #A16C57

#412929 - #A16C57

Mezcla HSV

#412929 - #A16C57 | 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 #412929 como 0% y #A16C57 como 100%.

0.0%	0.0% #412929	RGB 65 41 41	#412929
16.7%	16.7% #513331	RGB 81 51 49	#513331
33.3%	33.3% #613D3A	RGB 97 61 58	#613D3A
50.0%	50.0% #714842	RGB 113 72 66	#714842
66.7%	66.7% #815449	RGB 129 84 73	#815449
83.3%	83.3% #915F50	RGB 145 95 80	#915F50
100.0%	100.0% #A16C57	RGB 161 108 87	#A16C57

#412929 #513331 #613D3A #714842 #815449 #915F50 #A16C57

#412929 - #714842 - #A16C57

Códigos CSS

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

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