#707019 - #202007 | 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 #707019 a #202007

#707019 #202007

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

#707019 - #202007 | 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 #707019 como 0% y #202007 como 100%.

0.0%	0.0% #707019	RGB 112 112 25	#707019
16.7%	16.7% #626216	RGB 98 98 22	#626216
33.3%	33.3% #555513	RGB 85 85 19	#555513
50.0%	50.0% #484810	RGB 72 72 16	#484810
66.7%	66.7% #3A3A0D	RGB 58 58 13	#3A3A0D
83.3%	83.3% #2D2D0A	RGB 45 45 10	#2D2D0A
100.0%	100.0% #202007	RGB 32 32 7	#202007

#707019 #626216 #555513 #484810 #3A3A0D #2D2D0A #202007

#707019 - #202007

Mezcla HSV

#707019 - #202007 | 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 #707019 como 0% y #202007 como 100%.

0.0%	0.0% #707019	RGB 112 112 25	#707019
16.7%	16.7% #626215	RGB 98 98 21	#626215
33.3%	33.3% #555512	RGB 85 85 18	#555512
50.0%	50.0% #48480F	RGB 72 72 15	#48480F
66.7%	66.7% #3A3A0C	RGB 58 58 12	#3A3A0C
83.3%	83.3% #2D2D09	RGB 45 45 9	#2D2D09
100.0%	100.0% #202007	RGB 32 32 7	#202007

#707019 #626215 #555512 #48480F #3A3A0C #2D2D09 #202007

#707019 - #48480F - #202007

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #707019 0%, #48480F 50%, #202007 100%);
    background: -webkit-linear-gradient(top, #707019 0%, #48480F 50%, #202007 100%);
    background: linear-gradient(to bottom, #707019 0%, #48480F 50%, #202007 100%);
}
</style>