#3E5E4C - #AB938F | 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 #3E5E4C a #AB938F

#3E5E4C #AB938F

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

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

0.0%	0.0% #3E5E4C	RGB 62 94 76	#3E5E4C
16.7%	16.7% #506657	RGB 80 102 87	#506657
33.3%	33.3% #626F62	RGB 98 111 98	#626F62
50.0%	50.0% #74786D	RGB 116 120 109	#74786D
66.7%	66.7% #868178	RGB 134 129 120	#868178
83.3%	83.3% #988A83	RGB 152 138 131	#988A83
100.0%	100.0% #AB938F	RGB 171 147 143	#AB938F

#3E5E4C #506657 #626F62 #74786D #868178 #988A83 #AB938F

#3E5E4C - #AB938F

Mezcla HSV

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

0.0%	0.0% #3E5E4C	RGB 62 94 76	#3E5E4C
16.7%	16.7% #496A4B	RGB 73 106 75	#496A4B
33.3%	33.3% #617755	RGB 97 119 85	#617755
50.0%	50.0% #7A8463	RGB 122 132 99	#7A8463
66.7%	66.7% #918E70	RGB 145 142 112	#918E70
83.3%	83.3% #9E8F7F	RGB 158 143 127	#9E8F7F
100.0%	100.0% #AB938F	RGB 171 147 143	#AB938F

#3E5E4C #496A4B #617755 #7A8463 #918E70 #9E8F7F #AB938F

#3E5E4C - #7A8463 - #AB938F

Códigos CSS

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

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