#3E5E3E - #0C4304 | 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 #3E5E3E a #0C4304

#3E5E3E #0C4304

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

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

0.0%	0.0% #3E5E3E	RGB 62 94 62	#3E5E3E
16.7%	16.7% #355934	RGB 53 89 52	#355934
33.3%	33.3% #2D552A	RGB 45 85 42	#2D552A
50.0%	50.0% #255021	RGB 37 80 33	#255021
66.7%	66.7% #1C4C17	RGB 28 76 23	#1C4C17
83.3%	83.3% #14470D	RGB 20 71 13	#14470D
100.0%	100.0% #0C4304	RGB 12 67 4	#0C4304

#3E5E3E #355934 #2D552A #255021 #1C4C17 #14470D #0C4304

#3E5E3E - #0C4304

Mezcla HSV

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

0.0%	0.0% #3E5E3E	RGB 62 94 62	#3E5E3E
16.7%	16.7% #325932	RGB 50 89 50	#325932
33.3%	33.3% #295527	RGB 41 85 39	#295527
50.0%	50.0% #20501C	RGB 32 80 28	#20501C
66.7%	66.7% #184C13	RGB 24 76 19	#184C13
83.3%	83.3% #11470B	RGB 17 71 11	#11470B
100.0%	100.0% #0C4304	RGB 12 67 4	#0C4304

#3E5E3E #325932 #295527 #20501C #184C13 #11470B #0C4304

#3E5E3E - #20501C - #0C4304

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5E3E 0%, #20501C 50%, #0C4304 100%);
    background: -webkit-linear-gradient(top, #3E5E3E 0%, #20501C 50%, #0C4304 100%);
    background: linear-gradient(to bottom, #3E5E3E 0%, #20501C 50%, #0C4304 100%);
}
</style>