#7F9377 - #E3E794 | 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 #7F9377 a #E3E794

#7F9377 #E3E794

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

#7F9377 - #E3E794 | 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 #7F9377 como 0% y #E3E794 como 100%.

0.0%	0.0% #7F9377	RGB 127 147 119	#7F9377
16.7%	16.7% #8FA17B	RGB 143 161 123	#8FA17B
33.3%	33.3% #A0AF80	RGB 160 175 128	#A0AF80
50.0%	50.0% #B1BD85	RGB 177 189 133	#B1BD85
66.7%	66.7% #C1CB8A	RGB 193 203 138	#C1CB8A
83.3%	83.3% #D2D98F	RGB 210 217 143	#D2D98F
100.0%	100.0% #E3E794	RGB 227 231 148	#E3E794

#7F9377 #8FA17B #A0AF80 #B1BD85 #C1CB8A #D2D98F #E3E794

#7F9377 - #E3E794

Mezcla HSV

#7F9377 - #E3E794 | 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 #7F9377 como 0% y #E3E794 como 100%.

0.0%	0.0% #7F9377	RGB 127 147 119	#7F9377
16.7%	16.7% #8BA17D	RGB 139 161 125	#8BA17D
33.3%	33.3% #99AF83	RGB 153 175 131	#99AF83
50.0%	50.0% #A9BD89	RGB 169 189 137	#A9BD89
66.7%	66.7% #BACB8D	RGB 186 203 141	#BACB8D
83.3%	83.3% #CDD991	RGB 205 217 145	#CDD991
100.0%	100.0% #E3E794	RGB 227 231 148	#E3E794

#7F9377 #8BA17D #99AF83 #A9BD89 #BACB8D #CDD991 #E3E794

#7F9377 - #A9BD89 - #E3E794

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7F9377 0%, #A9BD89 50%, #E3E794 100%);
    background: -webkit-linear-gradient(top, #7F9377 0%, #A9BD89 50%, #E3E794 100%);
    background: linear-gradient(to bottom, #7F9377 0%, #A9BD89 50%, #E3E794 100%);
}
</style>