#365024 - #13110E | 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 #13110E

#365024 #13110E

Calcule el color entre dos colores, #365024 y #13110E. 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 - #13110E | 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 #13110E como 100%.

0.0%	0.0% #365024	RGB 54 80 36	#365024
16.7%	16.7% #304520	RGB 48 69 32	#304520
33.3%	33.3% #2A3B1C	RGB 42 59 28	#2A3B1C
50.0%	50.0% #243019	RGB 36 48 25	#243019
66.7%	66.7% #1E2615	RGB 30 38 21	#1E2615
83.3%	83.3% #181B11	RGB 24 27 17	#181B11
100.0%	100.0% #13110E	RGB 19 17 14	#13110E

#365024 #304520 #2A3B1C #243019 #1E2615 #181B11 #13110E

#365024 - #13110E

Mezcla HSV

#365024 - #13110E | 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 #13110E como 100%.

0.0%	0.0% #365024	RGB 54 80 36	#365024
16.7%	16.7% #364522	RGB 54 69 34	#364522
33.3%	33.3% #343B20	RGB 52 59 32	#343B20
50.0%	50.0% #2F311D	RGB 47 49 29	#2F311D
66.7%	66.7% #272619	RGB 39 38 25	#272619
83.3%	83.3% #1D1B14	RGB 29 27 20	#1D1B14
100.0%	100.0% #13110E	RGB 19 17 14	#13110E

#365024 #364522 #343B20 #2F311D #272619 #1D1B14 #13110E

#365024 - #2F311D - #13110E

Códigos CSS

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

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