#3F415E - #8C8185 | 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 #3F415E a #8C8185

#3F415E #8C8185

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

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

0.0%	0.0% #3F415E	RGB 63 65 94	#3F415E
16.7%	16.7% #4B4B64	RGB 75 75 100	#4B4B64
33.3%	33.3% #58566B	RGB 88 86 107	#58566B
50.0%	50.0% #656171	RGB 101 97 113	#656171
66.7%	66.7% #726B78	RGB 114 107 120	#726B78
83.3%	83.3% #7F767E	RGB 127 118 126	#7F767E
100.0%	100.0% #8C8185	RGB 140 129 133	#8C8185

#3F415E #4B4B64 #58566B #656171 #726B78 #7F767E #8C8185

#3F415E - #8C8185

Mezcla HSV

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

0.0%	0.0% #3F415E	RGB 63 65 94	#3F415E
16.7%	16.7% #4E4865	RGB 78 72 101	#4E4865
33.3%	33.3% #5F526D	RGB 95 82 109	#5F526D
50.0%	50.0% #6F5D75	RGB 111 93 117	#6F5D75
66.7%	66.7% #7C687B	RGB 124 104 123	#7C687B
83.3%	83.3% #84747E	RGB 132 116 126	#84747E
100.0%	100.0% #8C8185	RGB 140 129 133	#8C8185

#3F415E #4E4865 #5F526D #6F5D75 #7C687B #84747E #8C8185

#3F415E - #6F5D75 - #8C8185

Códigos CSS

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

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