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

#897A8C #3E2D37

Calcule el color entre dos colores, #897A8C y #3E2D37. 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 - #3E2D37 | 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 #3E2D37 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% #574653	RGB 87 70 83	#574653
83.3%	83.3% #4A3945	RGB 74 57 69	#4A3945
100.0%	100.0% #3E2D37	RGB 62 45 55	#3E2D37

#897A8C #7C6D7D #70606F #635361 #574653 #4A3945 #3E2D37

#897A8C - #3E2D37

Mezcla HSV

#897A8C - #3E2D37 | 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 #3E2D37 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% #655062	RGB 101 80 98	#655062
66.7%	66.7% #584453	RGB 88 68 83	#584453
83.3%	83.3% #4B3845	RGB 75 56 69	#4B3845
100.0%	100.0% #3E2D37	RGB 62 45 55	#3E2D37

#897A8C #7D6B7F #725D71 #655062 #584453 #4B3845 #3E2D37

#897A8C - #655062 - #3E2D37

Códigos CSS

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

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