#335024 - #9D9C50 | 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 #335024 a #9D9C50

#335024 #9D9C50

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

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

0.0%	0.0% #335024	RGB 51 80 36	#335024
16.7%	16.7% #445C2B	RGB 68 92 43	#445C2B
33.3%	33.3% #566932	RGB 86 105 50	#566932
50.0%	50.0% #68763A	RGB 104 118 58	#68763A
66.7%	66.7% #798241	RGB 121 130 65	#798241
83.3%	83.3% #8B8F48	RGB 139 143 72	#8B8F48
100.0%	100.0% #9D9C50	RGB 157 156 80	#9D9C50

#335024 #445C2B #566932 #68763A #798241 #8B8F48 #9D9C50

#335024 - #9D9C50

Mezcla HSV

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

0.0%	0.0% #335024	RGB 51 80 36	#335024
16.7%	16.7% #415C2A	RGB 65 92 42	#415C2A
33.3%	33.3% #516931	RGB 81 105 49	#516931
50.0%	50.0% #627638	RGB 98 118 56	#627638
66.7%	66.7% #758340	RGB 117 131 64	#758340
83.3%	83.3% #899048	RGB 137 144 72	#899048
100.0%	100.0% #9D9C50	RGB 157 156 80	#9D9C50

#335024 #415C2A #516931 #627638 #758340 #899048 #9D9C50

#335024 - #627638 - #9D9C50

Códigos CSS

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

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