#3C5013 - #A79B3F | 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 #3C5013 a #A79B3F

#3C5013 #A79B3F

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

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

0.0%	0.0% #3C5013	RGB 60 80 19	#3C5013
16.7%	16.7% #4D5C1A	RGB 77 92 26	#4D5C1A
33.3%	33.3% #5F6921	RGB 95 105 33	#5F6921
50.0%	50.0% #717529	RGB 113 117 41	#717529
66.7%	66.7% #838230	RGB 131 130 48	#838230
83.3%	83.3% #958E37	RGB 149 142 55	#958E37
100.0%	100.0% #A79B3F	RGB 167 155 63	#A79B3F

#3C5013 #4D5C1A #5F6921 #717529 #838230 #958E37 #A79B3F

#3C5013 - #A79B3F

Mezcla HSV

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

0.0%	0.0% #3C5013	RGB 60 80 19	#3C5013
16.7%	16.7% #4C5E18	RGB 76 94 24	#4C5E18
33.3%	33.3% #5E6D1E	RGB 94 109 30	#5E6D1E
50.0%	50.0% #727B25	RGB 114 123 37	#727B25
66.7%	66.7% #878A2D	RGB 135 138 45	#878A2D
83.3%	83.3% #989435	RGB 152 148 53	#989435
100.0%	100.0% #A79B3F	RGB 167 155 63	#A79B3F

#3C5013 #4C5E18 #5E6D1E #727B25 #878A2D #989435 #A79B3F

#3C5013 - #727B25 - #A79B3F

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C5013 0%, #727B25 50%, #A79B3F 100%);
    background: -webkit-linear-gradient(top, #3C5013 0%, #727B25 50%, #A79B3F 100%);
    background: linear-gradient(to bottom, #3C5013 0%, #727B25 50%, #A79B3F 100%);
}
</style>