#465024 - #C7B844 | 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 #465024 a #C7B844

#465024 #C7B844

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

#465024 - #C7B844 | 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 #465024 como 0% y #C7B844 como 100%.

0.0%	0.0% #465024	RGB 70 80 36	#465024
16.7%	16.7% #5B6129	RGB 91 97 41	#5B6129
33.3%	33.3% #71722E	RGB 113 114 46	#71722E
50.0%	50.0% #868434	RGB 134 132 52	#868434
66.7%	66.7% #9C9539	RGB 156 149 57	#9C9539
83.3%	83.3% #B1A63E	RGB 177 166 62	#B1A63E
100.0%	100.0% #C7B844	RGB 199 184 68	#C7B844

#465024 #5B6129 #71722E #868434 #9C9539 #B1A63E #C7B844

#465024 - #C7B844

Mezcla HSV

#465024 - #C7B844 | 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 #465024 como 0% y #C7B844 como 100%.

0.0%	0.0% #465024	RGB 70 80 36	#465024
16.7%	16.7% #5A632B	RGB 90 99 43	#5A632B
33.3%	33.3% #6F7731	RGB 111 119 49	#6F7731
50.0%	50.0% #868B37	RGB 134 139 55	#868B37
66.7%	66.7% #9F9F3C	RGB 159 159 60	#9F9F3C
83.3%	83.3% #B3AC40	RGB 179 172 64	#B3AC40
100.0%	100.0% #C7B844	RGB 199 184 68	#C7B844

#465024 #5A632B #6F7731 #868B37 #9F9F3C #B3AC40 #C7B844

#465024 - #868B37 - #C7B844

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #465024 0%, #868B37 50%, #C7B844 100%);
    background: -webkit-linear-gradient(top, #465024 0%, #868B37 50%, #C7B844 100%);
    background: linear-gradient(to bottom, #465024 0%, #868B37 50%, #C7B844 100%);
}
</style>