#3D4064 - #89818C | 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 #3D4064 a #89818C

#3D4064 #89818C

Calcule el color entre dos colores, #3D4064 y #89818C. 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)

#3D4064 - #89818C | 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 #3D4064 como 0% y #89818C como 100%.

0.0%	0.0% #3D4064	RGB 61 64 100	#3D4064
16.7%	16.7% #494A6A	RGB 73 74 106	#494A6A
33.3%	33.3% #565571	RGB 86 85 113	#565571
50.0%	50.0% #636078	RGB 99 96 120	#636078
66.7%	66.7% #6F6B7E	RGB 111 107 126	#6F6B7E
83.3%	83.3% #7C7685	RGB 124 118 133	#7C7685
100.0%	100.0% #89818C	RGB 137 129 140	#89818C

#3D4064 #494A6A #565571 #636078 #6F6B7E #7C7685 #89818C

#3D4064 - #89818C

Mezcla HSV

#3D4064 - #89818C | 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 #3D4064 como 0% y #89818C como 100%.

0.0%	0.0% #3D4064	RGB 61 64 100	#3D4064
16.7%	16.7% #48466A	RGB 72 70 106	#48466A
33.3%	33.3% #575071	RGB 87 80 113	#575071
50.0%	50.0% #655B78	RGB 101 91 120	#655B78
66.7%	66.7% #72677E	RGB 114 103 126	#72677E
83.3%	83.3% #7E7385	RGB 126 115 133	#7E7385
100.0%	100.0% #89818C	RGB 137 129 140	#89818C

#3D4064 #48466A #575071 #655B78 #72677E #7E7385 #89818C

#3D4064 - #655B78 - #89818C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D4064 0%, #655B78 50%, #89818C 100%);
    background: -webkit-linear-gradient(top, #3D4064 0%, #655B78 50%, #89818C 100%);
    background: linear-gradient(to bottom, #3D4064 0%, #655B78 50%, #89818C 100%);
}
</style>