#465650 - #073326 | 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 #465650 a #073326

#465650 #073326

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

#465650 - #073326 | 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 #465650 como 0% y #073326 como 100%.

0.0%	0.0% #465650	RGB 70 86 80	#465650
16.7%	16.7% #3B5049	RGB 59 80 73	#3B5049
33.3%	33.3% #314A42	RGB 49 74 66	#314A42
50.0%	50.0% #26443B	RGB 38 68 59	#26443B
66.7%	66.7% #1C3E34	RGB 28 62 52	#1C3E34
83.3%	83.3% #11382D	RGB 17 56 45	#11382D
100.0%	100.0% #073326	RGB 7 51 38	#073326

#465650 #3B5049 #314A42 #26443B #1C3E34 #11382D #073326

#465650 - #073326

Mezcla HSV

#465650 - #073326 | 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 #465650 como 0% y #073326 como 100%.

0.0%	0.0% #465650	RGB 70 86 80	#465650
16.7%	16.7% #385047	RGB 56 80 71	#385047
33.3%	33.3% #2B4A3F	RGB 43 74 63	#2B4A3F
50.0%	50.0% #204438	RGB 32 68 56	#204438
66.7%	66.7% #163E31	RGB 22 62 49	#163E31
83.3%	83.3% #0E382B	RGB 14 56 43	#0E382B
100.0%	100.0% #073326	RGB 7 51 38	#073326

#465650 #385047 #2B4A3F #204438 #163E31 #0E382B #073326

#465650 - #204438 - #073326

Códigos CSS

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

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