#3E4162 - #8B828A | 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 #3E4162 a #8B828A

#3E4162 #8B828A

Calcule el color entre dos colores, #3E4162 y #8B828A. 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)

#3E4162 - #8B828A | 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 #3E4162 como 0% y #8B828A como 100%.

0.0%	0.0% #3E4162	RGB 62 65 98	#3E4162
16.7%	16.7% #4A4B68	RGB 74 75 104	#4A4B68
33.3%	33.3% #57566F	RGB 87 86 111	#57566F
50.0%	50.0% #646176	RGB 100 97 118	#646176
66.7%	66.7% #716C7C	RGB 113 108 124	#716C7C
83.3%	83.3% #7E7783	RGB 126 119 131	#7E7783
100.0%	100.0% #8B828A	RGB 139 130 138	#8B828A

#3E4162 #4A4B68 #57566F #646176 #716C7C #7E7783 #8B828A

#3E4162 - #8B828A

Mezcla HSV

#3E4162 - #8B828A | 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 #3E4162 como 0% y #8B828A como 100%.

0.0%	0.0% #3E4162	RGB 62 65 98	#3E4162
16.7%	16.7% #4B4768	RGB 75 71 104	#4B4768
33.3%	33.3% #5B516F	RGB 91 81 111	#5B516F
50.0%	50.0% #6A5C76	RGB 106 92 118	#6A5C76
66.7%	66.7% #77687D	RGB 119 104 125	#77687D
83.3%	83.3% #827484	RGB 130 116 132	#827484
100.0%	100.0% #8B828A	RGB 139 130 138	#8B828A

#3E4162 #4B4768 #5B516F #6A5C76 #77687D #827484 #8B828A

#3E4162 - #6A5C76 - #8B828A

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E4162 0%, #6A5C76 50%, #8B828A 100%);
    background: -webkit-linear-gradient(top, #3E4162 0%, #6A5C76 50%, #8B828A 100%);
    background: linear-gradient(to bottom, #3E4162 0%, #6A5C76 50%, #8B828A 100%);
}
</style>