#1B611D - #043C10 | 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 #1B611D a #043C10

#1B611D #043C10

Calcule el color entre dos colores, #1B611D y #043C10. 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)

#1B611D - #043C10 | 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 #1B611D como 0% y #043C10 como 100%.

0.0%	0.0% #1B611D	RGB 27 97 29	#1B611D
16.7%	16.7% #175A1A	RGB 23 90 26	#175A1A
33.3%	33.3% #135418	RGB 19 84 24	#135418
50.0%	50.0% #0F4E16	RGB 15 78 22	#0F4E16
66.7%	66.7% #0B4814	RGB 11 72 20	#0B4814
83.3%	83.3% #074212	RGB 7 66 18	#074212
100.0%	100.0% #043C10	RGB 4 60 16	#043C10

#1B611D #175A1A #135418 #0F4E16 #0B4814 #074212 #043C10

#1B611D - #043C10

Mezcla HSV

#1B611D - #043C10 | 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 #1B611D como 0% y #043C10 como 100%.

0.0%	0.0% #1B611D	RGB 27 97 29	#1B611D
16.7%	16.7% #165A1A	RGB 22 90 26	#165A1A
33.3%	33.3% #115417	RGB 17 84 23	#115417
50.0%	50.0% #0D4E15	RGB 13 78 21	#0D4E15
66.7%	66.7% #094813	RGB 9 72 19	#094813
83.3%	83.3% #064211	RGB 6 66 17	#064211
100.0%	100.0% #043C10	RGB 4 60 16	#043C10

#1B611D #165A1A #115417 #0D4E15 #094813 #064211 #043C10

#1B611D - #0D4E15 - #043C10

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1B611D 0%, #0D4E15 50%, #043C10 100%);
    background: -webkit-linear-gradient(top, #1B611D 0%, #0D4E15 50%, #043C10 100%);
    background: linear-gradient(to bottom, #1B611D 0%, #0D4E15 50%, #043C10 100%);
}
</style>