#366D00 - #C9C46E | 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 #366D00 a #C9C46E

#366D00 #C9C46E

Calcule el color entre dos colores, #366D00 y #C9C46E. 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)

#366D00 - #C9C46E | 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 #366D00 como 0% y #C9C46E como 100%.

0.0%	0.0% #366D00	RGB 54 109 0	#366D00
16.7%	16.7% #4E7B12	RGB 78 123 18	#4E7B12
33.3%	33.3% #678A24	RGB 103 138 36	#678A24
50.0%	50.0% #7F9837	RGB 127 152 55	#7F9837
66.7%	66.7% #98A749	RGB 152 167 73	#98A749
83.3%	83.3% #B0B55B	RGB 176 181 91	#B0B55B
100.0%	100.0% #C9C46E	RGB 201 196 110	#C9C46E

#366D00 #4E7B12 #678A24 #7F9837 #98A749 #B0B55B #C9C46E

#366D00 - #C9C46E

Mezcla HSV

#366D00 - #C9C46E | 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 #366D00 como 0% y #C9C46E como 100%.

0.0%	0.0% #366D00	RGB 54 109 0	#366D00
16.7%	16.7% #4D7C0B	RGB 77 124 11	#4D7C0B
33.3%	33.3% #678B19	RGB 103 139 25	#678B19
50.0%	50.0% #819B2A	RGB 129 155 42	#819B2A
66.7%	66.7% #9CAA3E	RGB 156 170 62	#9CAA3E
83.3%	83.3% #B5B954	RGB 181 185 84	#B5B954
100.0%	100.0% #C9C46E	RGB 201 196 110	#C9C46E

#366D00 #4D7C0B #678B19 #819B2A #9CAA3E #B5B954 #C9C46E

#366D00 - #819B2A - #C9C46E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #366D00 0%, #819B2A 50%, #C9C46E 100%);
    background: -webkit-linear-gradient(top, #366D00 0%, #819B2A 50%, #C9C46E 100%);
    background: linear-gradient(to bottom, #366D00 0%, #819B2A 50%, #C9C46E 100%);
}
</style>