#395024 - #A29B4F | 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 #395024 a #A29B4F

#395024 #A29B4F

Calcule el color entre dos colores, #395024 y #A29B4F. 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)

#395024 - #A29B4F | 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 #395024 como 0% y #A29B4F como 100%.

0.0%	0.0% #395024	RGB 57 80 36	#395024
16.7%	16.7% #4A5C2B	RGB 74 92 43	#4A5C2B
33.3%	33.3% #5C6932	RGB 92 105 50	#5C6932
50.0%	50.0% #6D7539	RGB 109 117 57	#6D7539
66.7%	66.7% #7F8240	RGB 127 130 64	#7F8240
83.3%	83.3% #908E47	RGB 144 142 71	#908E47
100.0%	100.0% #A29B4F	RGB 162 155 79	#A29B4F

#395024 #4A5C2B #5C6932 #6D7539 #7F8240 #908E47 #A29B4F

#395024 - #A29B4F

Mezcla HSV

#395024 - #A29B4F | 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 #395024 como 0% y #A29B4F como 100%.

0.0%	0.0% #395024	RGB 57 80 36	#395024
16.7%	16.7% #485D2A	RGB 72 93 42	#485D2A
33.3%	33.3% #586B31	RGB 88 107 49	#586B31
50.0%	50.0% #6A7938	RGB 106 121 56	#6A7938
66.7%	66.7% #7E863F	RGB 126 134 63	#7E863F
83.3%	83.3% #939447	RGB 147 148 71	#939447
100.0%	100.0% #A29B4F	RGB 162 155 79	#A29B4F

#395024 #485D2A #586B31 #6A7938 #7E863F #939447 #A29B4F

#395024 - #6A7938 - #A29B4F

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #395024 0%, #6A7938 50%, #A29B4F 100%);
    background: -webkit-linear-gradient(top, #395024 0%, #6A7938 50%, #A29B4F 100%);
    background: linear-gradient(to bottom, #395024 0%, #6A7938 50%, #A29B4F 100%);
}
</style>