#3D3E56 - #979C84 | 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 #3D3E56 a #979C84

#3D3E56 #979C84

Calcule el color entre dos colores, #3D3E56 y #979C84. 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)

#3D3E56 - #979C84 | 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 #3D3E56 como 0% y #979C84 como 100%.

0.0%	0.0% #3D3E56	RGB 61 62 86	#3D3E56
16.7%	16.7% #4C4D5D	RGB 76 77 93	#4C4D5D
33.3%	33.3% #5B5D65	RGB 91 93 101	#5B5D65
50.0%	50.0% #6A6D6D	RGB 106 109 109	#6A6D6D
66.7%	66.7% #797C74	RGB 121 124 116	#797C74
83.3%	83.3% #888C7C	RGB 136 140 124	#888C7C
100.0%	100.0% #979C84	RGB 151 156 132	#979C84

#3D3E56 #4C4D5D #5B5D65 #6A6D6D #797C74 #888C7C #979C84

#3D3E56 - #979C84

Mezcla HSV

#3D3E56 - #979C84 | 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 #3D3E56 como 0% y #979C84 como 100%.

0.0%	0.0% #3D3E56	RGB 61 62 86	#3D3E56
16.7%	16.7% #475461	RGB 71 84 97	#475461
33.3%	33.3% #526C6D	RGB 82 108 109	#526C6D
50.0%	50.0% #5E796D	RGB 94 121 109	#5E796D
66.7%	66.7% #6A846D	RGB 106 132 109	#6A846D
83.3%	83.3% #7F9076	RGB 127 144 118	#7F9076
100.0%	100.0% #979C84	RGB 151 156 132	#979C84

#3D3E56 #475461 #526C6D #5E796D #6A846D #7F9076 #979C84

#3D3E56 - #5E796D - #979C84

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D3E56 0%, #5E796D 50%, #979C84 100%);
    background: -webkit-linear-gradient(top, #3D3E56 0%, #5E796D 50%, #979C84 100%);
    background: linear-gradient(to bottom, #3D3E56 0%, #5E796D 50%, #979C84 100%);
}
</style>