#694E4E - #5A1F0C | 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 #694E4E a #5A1F0C

#694E4E #5A1F0C

Calcule el color entre dos colores, #694E4E y #5A1F0C. 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)

#694E4E - #5A1F0C | 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 #694E4E como 0% y #5A1F0C como 100%.

0.0%	0.0% #694E4E	RGB 105 78 78	#694E4E
16.7%	16.7% #664643	RGB 102 70 67	#664643
33.3%	33.3% #643E38	RGB 100 62 56	#643E38
50.0%	50.0% #61362D	RGB 97 54 45	#61362D
66.7%	66.7% #5F2E22	RGB 95 46 34	#5F2E22
83.3%	83.3% #5C2617	RGB 92 38 23	#5C2617
100.0%	100.0% #5A1F0C	RGB 90 31 12	#5A1F0C

#694E4E #664643 #643E38 #61362D #5F2E22 #5C2617 #5A1F0C

#694E4E - #5A1F0C

Mezcla HSV

#694E4E - #5A1F0C | 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 #694E4E como 0% y #5A1F0C como 100%.

0.0%	0.0% #694E4E	RGB 105 78 78	#694E4E
16.7%	16.7% #664341	RGB 102 67 65	#664341
33.3%	33.3% #643935	RGB 100 57 53	#643935
50.0%	50.0% #61312A	RGB 97 49 42	#61312A
66.7%	66.7% #5F2A1F	RGB 95 42 31	#5F2A1F
83.3%	83.3% #5C2415	RGB 92 36 21	#5C2415
100.0%	100.0% #5A1F0C	RGB 90 31 12	#5A1F0C

#694E4E #664341 #643935 #61312A #5F2A1F #5C2415 #5A1F0C

#694E4E - #61312A - #5A1F0C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #694E4E 0%, #61312A 50%, #5A1F0C 100%);
    background: -webkit-linear-gradient(top, #694E4E 0%, #61312A 50%, #5A1F0C 100%);
    background: linear-gradient(to bottom, #694E4E 0%, #61312A 50%, #5A1F0C 100%);
}
</style>