#3E4420 - #C7C9BF | 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 #3E4420 a #C7C9BF

#3E4420 #C7C9BF

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

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

0.0%	0.0% #3E4420	RGB 62 68 32	#3E4420
16.7%	16.7% #545A3A	RGB 84 90 58	#545A3A
33.3%	33.3% #6B7055	RGB 107 112 85	#6B7055
50.0%	50.0% #82866F	RGB 130 134 111	#82866F
66.7%	66.7% #999C8A	RGB 153 156 138	#999C8A
83.3%	83.3% #B0B2A4	RGB 176 178 164	#B0B2A4
100.0%	100.0% #C7C9BF	RGB 199 201 191	#C7C9BF

#3E4420 #545A3A #6B7055 #82866F #999C8A #B0B2A4 #C7C9BF

#3E4420 - #C7C9BF

Mezcla HSV

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

0.0%	0.0% #3E4420	RGB 62 68 32	#3E4420
16.7%	16.7% #535A31	RGB 83 90 49	#535A31
33.3%	33.3% #687046	RGB 104 112 70	#687046
50.0%	50.0% #7F865F	RGB 127 134 95	#7F865F
66.7%	66.7% #969C7B	RGB 150 156 123	#969C7B
83.3%	83.3% #AEB29B	RGB 174 178 155	#AEB29B
100.0%	100.0% #C7C9BF	RGB 199 201 191	#C7C9BF

#3E4420 #535A31 #687046 #7F865F #969C7B #AEB29B #C7C9BF

#3E4420 - #7F865F - #C7C9BF

Códigos CSS

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

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