#1F442E - #53765B | 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 #1F442E a #53765B

#1F442E #53765B

Calcule el color entre dos colores, #1F442E y #53765B. 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)

#1F442E - #53765B | 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 #1F442E como 0% y #53765B como 100%.

0.0%	0.0% #1F442E	RGB 31 68 46	#1F442E
16.7%	16.7% #274C35	RGB 39 76 53	#274C35
33.3%	33.3% #30543D	RGB 48 84 61	#30543D
50.0%	50.0% #395D44	RGB 57 93 68	#395D44
66.7%	66.7% #41654C	RGB 65 101 76	#41654C
83.3%	83.3% #4A6D53	RGB 74 109 83	#4A6D53
100.0%	100.0% #53765B	RGB 83 118 91	#53765B

#1F442E #274C35 #30543D #395D44 #41654C #4A6D53 #53765B

#1F442E - #53765B

Mezcla HSV

#1F442E - #53765B | 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 #1F442E como 0% y #53765B como 100%.

0.0%	0.0% #1F442E	RGB 31 68 46	#1F442E
16.7%	16.7% #254C34	RGB 37 76 52	#254C34
33.3%	33.3% #2D543B	RGB 45 84 59	#2D543B
50.0%	50.0% #355D42	RGB 53 93 66	#355D42
66.7%	66.7% #3E6549	RGB 62 101 73	#3E6549
83.3%	83.3% #486D52	RGB 72 109 82	#486D52
100.0%	100.0% #53765B	RGB 83 118 91	#53765B

#1F442E #254C34 #2D543B #355D42 #3E6549 #486D52 #53765B

#1F442E - #355D42 - #53765B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1F442E 0%, #355D42 50%, #53765B 100%);
    background: -webkit-linear-gradient(top, #1F442E 0%, #355D42 50%, #53765B 100%);
    background: linear-gradient(to bottom, #1F442E 0%, #355D42 50%, #53765B 100%);
}
</style>