#3E412F - #1D2701 | 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 #3E412F a #1D2701

#3E412F #1D2701

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

#3E412F - #1D2701 | 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 #3E412F como 0% y #1D2701 como 100%.

0.0%	0.0% #3E412F	RGB 62 65 47	#3E412F
16.7%	16.7% #383C27	RGB 56 60 39	#383C27
33.3%	33.3% #33381F	RGB 51 56 31	#33381F
50.0%	50.0% #2D3418	RGB 45 52 24	#2D3418
66.7%	66.7% #282F10	RGB 40 47 16	#282F10
83.3%	83.3% #222B08	RGB 34 43 8	#222B08
100.0%	100.0% #1D2701	RGB 29 39 1	#1D2701

#3E412F #383C27 #33381F #2D3418 #282F10 #222B08 #1D2701

#3E412F - #1D2701

Mezcla HSV

#3E412F - #1D2701 | 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 #3E412F como 0% y #1D2701 como 100%.

0.0%	0.0% #3E412F	RGB 62 65 47	#3E412F
16.7%	16.7% #383C24	RGB 56 60 36	#383C24
33.3%	33.3% #32381B	RGB 50 56 27	#32381B
50.0%	50.0% #2D3413	RGB 45 52 19	#2D3413
66.7%	66.7% #272F0C	RGB 39 47 12	#272F0C
83.3%	83.3% #222B06	RGB 34 43 6	#222B06
100.0%	100.0% #1D2701	RGB 29 39 1	#1D2701

#3E412F #383C24 #32381B #2D3413 #272F0C #222B06 #1D2701

#3E412F - #2D3413 - #1D2701

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E412F 0%, #2D3413 50%, #1D2701 100%);
    background: -webkit-linear-gradient(top, #3E412F 0%, #2D3413 50%, #1D2701 100%);
    background: linear-gradient(to bottom, #3E412F 0%, #2D3413 50%, #1D2701 100%);
}
</style>