#325024 - #9C9C50 | 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 #325024 a #9C9C50

#325024 #9C9C50

Calcule el color entre dos colores, #325024 y #9C9C50. 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)

#325024 - #9C9C50 | 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 #325024 como 0% y #9C9C50 como 100%.

0.0%	0.0% #325024	RGB 50 80 36	#325024
16.7%	16.7% #435C2B	RGB 67 92 43	#435C2B
33.3%	33.3% #556932	RGB 85 105 50	#556932
50.0%	50.0% #67763A	RGB 103 118 58	#67763A
66.7%	66.7% #788241	RGB 120 130 65	#788241
83.3%	83.3% #8A8F48	RGB 138 143 72	#8A8F48
100.0%	100.0% #9C9C50	RGB 156 156 80	#9C9C50

#325024 #435C2B #556932 #67763A #788241 #8A8F48 #9C9C50

#325024 - #9C9C50

Mezcla HSV

#325024 - #9C9C50 | 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 #325024 como 0% y #9C9C50 como 100%.

0.0%	0.0% #325024	RGB 50 80 36	#325024
16.7%	16.7% #405C2A	RGB 64 92 42	#405C2A
33.3%	33.3% #506931	RGB 80 105 49	#506931
50.0%	50.0% #617638	RGB 97 118 56	#617638
66.7%	66.7% #738240	RGB 115 130 64	#738240
83.3%	83.3% #878F48	RGB 135 143 72	#878F48
100.0%	100.0% #9C9C50	RGB 156 156 80	#9C9C50

#325024 #405C2A #506931 #617638 #738240 #878F48 #9C9C50

#325024 - #617638 - #9C9C50

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #325024 0%, #617638 50%, #9C9C50 100%);
    background: -webkit-linear-gradient(top, #325024 0%, #617638 50%, #9C9C50 100%);
    background: linear-gradient(to bottom, #325024 0%, #617638 50%, #9C9C50 100%);
}
</style>