#6F7019 - #1F2007 | 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 #6F7019 a #1F2007

#6F7019 #1F2007

Calcule el color entre dos colores, #6F7019 y #1F2007. 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)

#6F7019 - #1F2007 | 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 #6F7019 como 0% y #1F2007 como 100%.

0.0%	0.0% #6F7019	RGB 111 112 25	#6F7019
16.7%	16.7% #616216	RGB 97 98 22	#616216
33.3%	33.3% #545513	RGB 84 85 19	#545513
50.0%	50.0% #474810	RGB 71 72 16	#474810
66.7%	66.7% #393A0D	RGB 57 58 13	#393A0D
83.3%	83.3% #2C2D0A	RGB 44 45 10	#2C2D0A
100.0%	100.0% #1F2007	RGB 31 32 7	#1F2007

#6F7019 #616216 #545513 #474810 #393A0D #2C2D0A #1F2007

#6F7019 - #1F2007

Mezcla HSV

#6F7019 - #1F2007 | 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 #6F7019 como 0% y #1F2007 como 100%.

0.0%	0.0% #6F7019	RGB 111 112 25	#6F7019
16.7%	16.7% #616215	RGB 97 98 21	#616215
33.3%	33.3% #535512	RGB 83 85 18	#535512
50.0%	50.0% #46480F	RGB 70 72 15	#46480F
66.7%	66.7% #393A0C	RGB 57 58 12	#393A0C
83.3%	83.3% #2C2D09	RGB 44 45 9	#2C2D09
100.0%	100.0% #1F2007	RGB 31 32 7	#1F2007

#6F7019 #616215 #535512 #46480F #393A0C #2C2D09 #1F2007

#6F7019 - #46480F - #1F2007

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6F7019 0%, #46480F 50%, #1F2007 100%);
    background: -webkit-linear-gradient(top, #6F7019 0%, #46480F 50%, #1F2007 100%);
    background: linear-gradient(to bottom, #6F7019 0%, #46480F 50%, #1F2007 100%);
}
</style>