#3E2D3C - #AB756D | 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 #3E2D3C a #AB756D

#3E2D3C #AB756D

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

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

0.0%	0.0% #3E2D3C	RGB 62 45 60	#3E2D3C
16.7%	16.7% #503944	RGB 80 57 68	#503944
33.3%	33.3% #62454C	RGB 98 69 76	#62454C
50.0%	50.0% #745154	RGB 116 81 84	#745154
66.7%	66.7% #865D5C	RGB 134 93 92	#865D5C
83.3%	83.3% #986964	RGB 152 105 100	#986964
100.0%	100.0% #AB756D	RGB 171 117 109	#AB756D

#3E2D3C #503944 #62454C #745154 #865D5C #986964 #AB756D

#3E2D3C - #AB756D

Mezcla HSV

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

0.0%	0.0% #3E2D3C	RGB 62 45 60	#3E2D3C
16.7%	16.7% #503949	RGB 80 57 73	#503949
33.3%	33.3% #624454	RGB 98 68 84	#624454
50.0%	50.0% #744F5D	RGB 116 79 93	#744F5D
66.7%	66.7% #865963	RGB 134 89 99	#865963
83.3%	83.3% #986365	RGB 152 99 101	#986365
100.0%	100.0% #AB756D	RGB 171 117 109	#AB756D

#3E2D3C #503949 #624454 #744F5D #865963 #986365 #AB756D

#3E2D3C - #744F5D - #AB756D

Códigos CSS

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

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