#3C3E5E - #877E86 | 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 #3C3E5E a #877E86

#3C3E5E #877E86

Calcule el color entre dos colores, #3C3E5E y #877E86. 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)

#3C3E5E - #877E86 | 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 #3C3E5E como 0% y #877E86 como 100%.

0.0%	0.0% #3C3E5E	RGB 60 62 94	#3C3E5E
16.7%	16.7% #484864	RGB 72 72 100	#484864
33.3%	33.3% #55536B	RGB 85 83 107	#55536B
50.0%	50.0% #615E72	RGB 97 94 114	#615E72
66.7%	66.7% #6E6878	RGB 110 104 120	#6E6878
83.3%	83.3% #7A737F	RGB 122 115 127	#7A737F
100.0%	100.0% #877E86	RGB 135 126 134	#877E86

#3C3E5E #484864 #55536B #615E72 #6E6878 #7A737F #877E86

#3C3E5E - #877E86

Mezcla HSV

#3C3E5E - #877E86 | 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 #3C3E5E como 0% y #877E86 como 100%.

0.0%	0.0% #3C3E5E	RGB 60 62 94	#3C3E5E
16.7%	16.7% #494564	RGB 73 69 100	#494564
33.3%	33.3% #584F6B	RGB 88 79 107	#584F6B
50.0%	50.0% #665972	RGB 102 89 114	#665972
66.7%	66.7% #736579	RGB 115 101 121	#736579
83.3%	83.3% #7E7180	RGB 126 113 128	#7E7180
100.0%	100.0% #877E86	RGB 135 126 134	#877E86

#3C3E5E #494564 #584F6B #665972 #736579 #7E7180 #877E86

#3C3E5E - #665972 - #877E86

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C3E5E 0%, #665972 50%, #877E86 100%);
    background: -webkit-linear-gradient(top, #3C3E5E 0%, #665972 50%, #877E86 100%);
    background: linear-gradient(to bottom, #3C3E5E 0%, #665972 50%, #877E86 100%);
}
</style>