#99A25D - #5A6B19 | 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 #99A25D a #5A6B19

#99A25D #5A6B19

Calcule el color entre dos colores, #99A25D y #5A6B19. 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)

#99A25D - #5A6B19 | 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 #99A25D como 0% y #5A6B19 como 100%.

0.0%	0.0% #99A25D	RGB 153 162 93	#99A25D
16.7%	16.7% #8E9851	RGB 142 152 81	#8E9851
33.3%	33.3% #848F46	RGB 132 143 70	#848F46
50.0%	50.0% #79863B	RGB 121 134 59	#79863B
66.7%	66.7% #6F7D2F	RGB 111 125 47	#6F7D2F
83.3%	83.3% #647424	RGB 100 116 36	#647424
100.0%	100.0% #5A6B19	RGB 90 107 25	#5A6B19

#99A25D #8E9851 #848F46 #79863B #6F7D2F #647424 #5A6B19

#99A25D - #5A6B19

Mezcla HSV

#99A25D - #5A6B19 | 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 #99A25D como 0% y #5A6B19 como 100%.

0.0%	0.0% #99A25D	RGB 153 162 93	#99A25D
16.7%	16.7% #8E984F	RGB 142 152 79	#8E984F
33.3%	33.3% #838F42	RGB 131 143 66	#838F42
50.0%	50.0% #788636	RGB 120 134 54	#788636
66.7%	66.7% #6E7D2B	RGB 110 125 43	#6E7D2B
83.3%	83.3% #647421	RGB 100 116 33	#647421
100.0%	100.0% #5A6B19	RGB 90 107 25	#5A6B19

#99A25D #8E984F #838F42 #788636 #6E7D2B #647421 #5A6B19

#99A25D - #788636 - #5A6B19

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #99A25D 0%, #788636 50%, #5A6B19 100%);
    background: -webkit-linear-gradient(top, #99A25D 0%, #788636 50%, #5A6B19 100%);
    background: linear-gradient(to bottom, #99A25D 0%, #788636 50%, #5A6B19 100%);
}
</style>