#365024 - #9F9C4F | 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 #365024 a #9F9C4F

#365024 #9F9C4F

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

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

0.0%	0.0% #365024	RGB 54 80 36	#365024
16.7%	16.7% #475C2B	RGB 71 92 43	#475C2B
33.3%	33.3% #596932	RGB 89 105 50	#596932
50.0%	50.0% #6A7639	RGB 106 118 57	#6A7639
66.7%	66.7% #7C8240	RGB 124 130 64	#7C8240
83.3%	83.3% #8D8F47	RGB 141 143 71	#8D8F47
100.0%	100.0% #9F9C4F	RGB 159 156 79	#9F9C4F

#365024 #475C2B #596932 #6A7639 #7C8240 #8D8F47 #9F9C4F

#365024 - #9F9C4F

Mezcla HSV

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

0.0%	0.0% #365024	RGB 54 80 36	#365024
16.7%	16.7% #445D2A	RGB 68 93 42	#445D2A
33.3%	33.3% #546A31	RGB 84 106 49	#546A31
50.0%	50.0% #667738	RGB 102 119 56	#667738
66.7%	66.7% #78843F	RGB 120 132 63	#78843F
83.3%	83.3% #8C9147	RGB 140 145 71	#8C9147
100.0%	100.0% #9F9C4F	RGB 159 156 79	#9F9C4F

#365024 #445D2A #546A31 #667738 #78843F #8C9147 #9F9C4F

#365024 - #667738 - #9F9C4F

Códigos CSS

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

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