#897A8C - #3E2D36 | 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 #897A8C a #3E2D36

#897A8C #3E2D36

Calcule el color entre dos colores, #897A8C y #3E2D36. 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)

#897A8C - #3E2D36 | 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 #897A8C como 0% y #3E2D36 como 100%.

0.0%	0.0% #897A8C	RGB 137 122 140	#897A8C
16.7%	16.7% #7C6D7D	RGB 124 109 125	#7C6D7D
33.3%	33.3% #70606F	RGB 112 96 111	#70606F
50.0%	50.0% #635361	RGB 99 83 97	#635361
66.7%	66.7% #574652	RGB 87 70 82	#574652
83.3%	83.3% #4A3944	RGB 74 57 68	#4A3944
100.0%	100.0% #3E2D36	RGB 62 45 54	#3E2D36

#897A8C #7C6D7D #70606F #635361 #574652 #4A3944 #3E2D36

#897A8C - #3E2D36

Mezcla HSV

#897A8C - #3E2D36 | 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 #897A8C como 0% y #3E2D36 como 100%.

0.0%	0.0% #897A8C	RGB 137 122 140	#897A8C
16.7%	16.7% #7D6B7F	RGB 125 107 127	#7D6B7F
33.3%	33.3% #725D71	RGB 114 93 113	#725D71
50.0%	50.0% #655061	RGB 101 80 97	#655061
66.7%	66.7% #584452	RGB 88 68 82	#584452
83.3%	83.3% #4B3844	RGB 75 56 68	#4B3844
100.0%	100.0% #3E2D36	RGB 62 45 54	#3E2D36

#897A8C #7D6B7F #725D71 #655061 #584452 #4B3844 #3E2D36

#897A8C - #655061 - #3E2D36

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #897A8C 0%, #655061 50%, #3E2D36 100%);
    background: -webkit-linear-gradient(top, #897A8C 0%, #655061 50%, #3E2D36 100%);
    background: linear-gradient(to bottom, #897A8C 0%, #655061 50%, #3E2D36 100%);
}
</style>