#3E4256 - #8F827E | 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 #3E4256 a #8F827E

#3E4256 #8F827E

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

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

0.0%	0.0% #3E4256	RGB 62 66 86	#3E4256
16.7%	16.7% #4B4C5C	RGB 75 76 92	#4B4C5C
33.3%	33.3% #595763	RGB 89 87 99	#595763
50.0%	50.0% #66626A	RGB 102 98 106	#66626A
66.7%	66.7% #746C70	RGB 116 108 112	#746C70
83.3%	83.3% #817777	RGB 129 119 119	#817777
100.0%	100.0% #8F827E	RGB 143 130 126	#8F827E

#3E4256 #4B4C5C #595763 #66626A #746C70 #817777 #8F827E

#3E4256 - #8F827E

Mezcla HSV

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

0.0%	0.0% #3E4256	RGB 62 66 86	#3E4256
16.7%	16.7% #4D475F	RGB 77 71 95	#4D475F
33.3%	33.3% #605169	RGB 96 81 105	#605169
50.0%	50.0% #725B71	RGB 114 91 113	#725B71
66.7%	66.7% #7C6672	RGB 124 102 114	#7C6672
83.3%	83.3% #857275	RGB 133 114 117	#857275
100.0%	100.0% #8F827E	RGB 143 130 126	#8F827E

#3E4256 #4D475F #605169 #725B71 #7C6672 #857275 #8F827E

#3E4256 - #725B71 - #8F827E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E4256 0%, #725B71 50%, #8F827E 100%);
    background: -webkit-linear-gradient(top, #3E4256 0%, #725B71 50%, #8F827E 100%);
    background: linear-gradient(to bottom, #3E4256 0%, #725B71 50%, #8F827E 100%);
}
</style>