#7AA64F - #DAACA7 | 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 #7AA64F a #DAACA7

#7AA64F #DAACA7

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

#7AA64F - #DAACA7 | 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 #7AA64F como 0% y #DAACA7 como 100%.

0.0%	0.0% #7AA64F	RGB 122 166 79	#7AA64F
16.7%	16.7% #8AA75D	RGB 138 167 93	#8AA75D
33.3%	33.3% #9AA86C	RGB 154 168 108	#9AA86C
50.0%	50.0% #AAA97B	RGB 170 169 123	#AAA97B
66.7%	66.7% #BAAA89	RGB 186 170 137	#BAAA89
83.3%	83.3% #CAAB98	RGB 202 171 152	#CAAB98
100.0%	100.0% #DAACA7	RGB 218 172 167	#DAACA7

#7AA64F #8AA75D #9AA86C #AAA97B #BAAA89 #CAAB98 #DAACA7

#7AA64F - #DAACA7

Mezcla HSV

#7AA64F - #DAACA7 | 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 #7AA64F como 0% y #DAACA7 como 100%.

0.0%	0.0% #7AA64F	RGB 122 166 79	#7AA64F
16.7%	16.7% #98AE5B	RGB 152 174 91	#98AE5B
33.3%	33.3% #B4B768	RGB 180 183 104	#B4B768
50.0%	50.0% #C0B177	RGB 192 177 119	#C0B177
66.7%	66.7% #C8AB86	RGB 200 171 134	#C8AB86
83.3%	83.3% #D1A996	RGB 209 169 150	#D1A996
100.0%	100.0% #DAACA7	RGB 218 172 167	#DAACA7

#7AA64F #98AE5B #B4B768 #C0B177 #C8AB86 #D1A996 #DAACA7

#7AA64F - #C0B177 - #DAACA7

Códigos CSS

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

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