#0F3C34 - #3C845E | 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 #0F3C34 a #3C845E

#0F3C34 #3C845E

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

#0F3C34 - #3C845E | 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 #0F3C34 como 0% y #3C845E como 100%.

0.0%	0.0% #0F3C34	RGB 15 60 52	#0F3C34
16.7%	16.7% #16483B	RGB 22 72 59	#16483B
33.3%	33.3% #1E5442	RGB 30 84 66	#1E5442
50.0%	50.0% #256049	RGB 37 96 73	#256049
66.7%	66.7% #2D6C50	RGB 45 108 80	#2D6C50
83.3%	83.3% #347857	RGB 52 120 87	#347857
100.0%	100.0% #3C845E	RGB 60 132 94	#3C845E

#0F3C34 #16483B #1E5442 #256049 #2D6C50 #347857 #3C845E

#0F3C34 - #3C845E

Mezcla HSV

#0F3C34 - #3C845E | 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 #0F3C34 como 0% y #3C845E como 100%.

0.0%	0.0% #0F3C34	RGB 15 60 52	#0F3C34
16.7%	16.7% #14483B	RGB 20 72 59	#14483B
33.3%	33.3% #1A5443	RGB 26 84 67	#1A5443
50.0%	50.0% #21604A	RGB 33 96 74	#21604A
66.7%	66.7% #296C50	RGB 41 108 80	#296C50
83.3%	83.3% #327857	RGB 50 120 87	#327857
100.0%	100.0% #3C845E	RGB 60 132 94	#3C845E

#0F3C34 #14483B #1A5443 #21604A #296C50 #327857 #3C845E

#0F3C34 - #21604A - #3C845E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0F3C34 0%, #21604A 50%, #3C845E 100%);
    background: -webkit-linear-gradient(top, #0F3C34 0%, #21604A 50%, #3C845E 100%);
    background: linear-gradient(to bottom, #0F3C34 0%, #21604A 50%, #3C845E 100%);
}
</style>