#7C8644 - #EBCA6B | 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 #7C8644 a #EBCA6B

#7C8644 #EBCA6B

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

#7C8644 - #EBCA6B | 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 #7C8644 como 0% y #EBCA6B como 100%.

0.0%	0.0% #7C8644	RGB 124 134 68	#7C8644
16.7%	16.7% #8E914A	RGB 142 145 74	#8E914A
33.3%	33.3% #A19C51	RGB 161 156 81	#A19C51
50.0%	50.0% #B3A857	RGB 179 168 87	#B3A857
66.7%	66.7% #C6B35E	RGB 198 179 94	#C6B35E
83.3%	83.3% #D8BE64	RGB 216 190 100	#D8BE64
100.0%	100.0% #EBCA6B	RGB 235 202 107	#EBCA6B

#7C8644 #8E914A #A19C51 #B3A857 #C6B35E #D8BE64 #EBCA6B

#7C8644 - #EBCA6B

Mezcla HSV

#7C8644 - #EBCA6B | 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 #7C8644 como 0% y #EBCA6B como 100%.

0.0%	0.0% #7C8644	RGB 124 134 68	#7C8644
16.7%	16.7% #90964B	RGB 144 150 75	#90964B
33.3%	33.3% #A6A752	RGB 166 167 82	#A6A752
50.0%	50.0% #B8B358	RGB 184 179 88	#B8B358
66.7%	66.7% #C9BC5F	RGB 201 188 95	#C9BC5F
83.3%	83.3% #DAC365	RGB 218 195 101	#DAC365
100.0%	100.0% #EBCA6B	RGB 235 202 107	#EBCA6B

#7C8644 #90964B #A6A752 #B8B358 #C9BC5F #DAC365 #EBCA6B

#7C8644 - #B8B358 - #EBCA6B

Códigos CSS

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

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