#3E5E4D - #AA938F | 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 #3E5E4D a #AA938F

#3E5E4D #AA938F

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

#3E5E4D - #AA938F | 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 #3E5E4D como 0% y #AA938F como 100%.

0.0%	0.0% #3E5E4D	RGB 62 94 77	#3E5E4D
16.7%	16.7% #506658	RGB 80 102 88	#506658
33.3%	33.3% #626F63	RGB 98 111 99	#626F63
50.0%	50.0% #74786E	RGB 116 120 110	#74786E
66.7%	66.7% #868179	RGB 134 129 121	#868179
83.3%	83.3% #988A84	RGB 152 138 132	#988A84
100.0%	100.0% #AA938F	RGB 170 147 143	#AA938F

#3E5E4D #506658 #626F63 #74786E #868179 #988A84 #AA938F

#3E5E4D - #AA938F

Mezcla HSV

#3E5E4D - #AA938F | 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 #3E5E4D como 0% y #AA938F como 100%.

0.0%	0.0% #3E5E4D	RGB 62 94 77	#3E5E4D
16.7%	16.7% #496A4C	RGB 73 106 76	#496A4C
33.3%	33.3% #607755	RGB 96 119 85	#607755
50.0%	50.0% #798463	RGB 121 132 99	#798463
66.7%	66.7% #908E70	RGB 144 142 112	#908E70
83.3%	83.3% #9D8F7F	RGB 157 143 127	#9D8F7F
100.0%	100.0% #AA938F	RGB 170 147 143	#AA938F

#3E5E4D #496A4C #607755 #798463 #908E70 #9D8F7F #AA938F

#3E5E4D - #798463 - #AA938F

Códigos CSS

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

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