#665E5E - #5E2812 | 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 #665E5E a #5E2812

#665E5E #5E2812

Calcule el color entre dos colores, #665E5E y #5E2812. 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)

#665E5E - #5E2812 | 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 #665E5E como 0% y #5E2812 como 100%.

0.0%	0.0% #665E5E	RGB 102 94 94	#665E5E
16.7%	16.7% #645551	RGB 100 85 81	#645551
33.3%	33.3% #634C44	RGB 99 76 68	#634C44
50.0%	50.0% #624338	RGB 98 67 56	#624338
66.7%	66.7% #603A2B	RGB 96 58 43	#603A2B
83.3%	83.3% #5F311E	RGB 95 49 30	#5F311E
100.0%	100.0% #5E2812	RGB 94 40 18	#5E2812

#665E5E #645551 #634C44 #624338 #603A2B #5F311E #5E2812

#665E5E - #5E2812

Mezcla HSV

#665E5E - #5E2812 | 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 #665E5E como 0% y #5E2812 como 100%.

0.0%	0.0% #665E5E	RGB 102 94 94	#665E5E
16.7%	16.7% #645150	RGB 100 81 80	#645150
33.3%	33.3% #634643	RGB 99 70 67	#634643
50.0%	50.0% #623C36	RGB 98 60 54	#623C36
66.7%	66.7% #60342A	RGB 96 52 42	#60342A
83.3%	83.3% #5F2D1D	RGB 95 45 29	#5F2D1D
100.0%	100.0% #5E2812	RGB 94 40 18	#5E2812

#665E5E #645150 #634643 #623C36 #60342A #5F2D1D #5E2812

#665E5E - #623C36 - #5E2812

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #665E5E 0%, #623C36 50%, #5E2812 100%);
    background: -webkit-linear-gradient(top, #665E5E 0%, #623C36 50%, #5E2812 100%);
    background: linear-gradient(to bottom, #665E5E 0%, #623C36 50%, #5E2812 100%);
}
</style>