#3D5056 - #9F9786 | 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 #3D5056 a #9F9786

#3D5056 #9F9786

Calcule el color entre dos colores, #3D5056 y #9F9786. 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)

#3D5056 - #9F9786 | 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 #3D5056 como 0% y #9F9786 como 100%.

0.0%	0.0% #3D5056	RGB 61 80 86	#3D5056
16.7%	16.7% #4D5B5E	RGB 77 91 94	#4D5B5E
33.3%	33.3% #5D6766	RGB 93 103 102	#5D6766
50.0%	50.0% #6E736E	RGB 110 115 110	#6E736E
66.7%	66.7% #7E7F76	RGB 126 127 118	#7E7F76
83.3%	83.3% #8E8B7E	RGB 142 139 126	#8E8B7E
100.0%	100.0% #9F9786	RGB 159 151 134	#9F9786

#3D5056 #4D5B5E #5D6766 #6E736E #7E7F76 #8E8B7E #9F9786

#3D5056 - #9F9786

Mezcla HSV

#3D5056 - #9F9786 | 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 #3D5056 como 0% y #9F9786 como 100%.

0.0%	0.0% #3D5056	RGB 61 80 86	#3D5056
16.7%	16.7% #47625D	RGB 71 98 93	#47625D
33.3%	33.3% #536E5D	RGB 83 110 93	#536E5D
50.0%	50.0% #607A5F	RGB 96 122 95	#607A5F
66.7%	66.7% #78866B	RGB 120 134 107	#78866B
83.3%	83.3% #909278	RGB 144 146 120	#909278
100.0%	100.0% #9F9786	RGB 159 151 134	#9F9786

#3D5056 #47625D #536E5D #607A5F #78866B #909278 #9F9786

#3D5056 - #607A5F - #9F9786

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D5056 0%, #607A5F 50%, #9F9786 100%);
    background: -webkit-linear-gradient(top, #3D5056 0%, #607A5F 50%, #9F9786 100%);
    background: linear-gradient(to bottom, #3D5056 0%, #607A5F 50%, #9F9786 100%);
}
</style>