#275024 - #0A160A | 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 #275024 a #0A160A

#275024 #0A160A

Calcule el color entre dos colores, #275024 y #0A160A. 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)

#275024 - #0A160A | 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 #275024 como 0% y #0A160A como 100%.

0.0%	0.0% #275024	RGB 39 80 36	#275024
16.7%	16.7% #22461F	RGB 34 70 31	#22461F
33.3%	33.3% #1D3C1B	RGB 29 60 27	#1D3C1B
50.0%	50.0% #183317	RGB 24 51 23	#183317
66.7%	66.7% #132912	RGB 19 41 18	#132912
83.3%	83.3% #0E1F0E	RGB 14 31 14	#0E1F0E
100.0%	100.0% #0A160A	RGB 10 22 10	#0A160A

#275024 #22461F #1D3C1B #183317 #132912 #0E1F0E #0A160A

#275024 - #0A160A

Mezcla HSV

#275024 - #0A160A | 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 #275024 como 0% y #0A160A como 100%.

0.0%	0.0% #275024	RGB 39 80 36	#275024
16.7%	16.7% #21461F	RGB 33 70 31	#21461F
33.3%	33.3% #1C3C1B	RGB 28 60 27	#1C3C1B
50.0%	50.0% #183317	RGB 24 51 23	#183317
66.7%	66.7% #132912	RGB 19 41 18	#132912
83.3%	83.3% #0E1F0E	RGB 14 31 14	#0E1F0E
100.0%	100.0% #0A160A	RGB 10 22 10	#0A160A

#275024 #21461F #1C3C1B #183317 #132912 #0E1F0E #0A160A

#275024 - #183317 - #0A160A

Códigos CSS

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

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