#3E5E3F - #074D11 | 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 #3E5E3F a #074D11

#3E5E3F #074D11

Calcule el color entre dos colores, #3E5E3F y #074D11. 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)

#3E5E3F - #074D11 | 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 #3E5E3F como 0% y #074D11 como 100%.

0.0%	0.0% #3E5E3F	RGB 62 94 63	#3E5E3F
16.7%	16.7% #345B37	RGB 52 91 55	#345B37
33.3%	33.3% #2B582F	RGB 43 88 47	#2B582F
50.0%	50.0% #225528	RGB 34 85 40	#225528
66.7%	66.7% #195220	RGB 25 82 32	#195220
83.3%	83.3% #104F18	RGB 16 79 24	#104F18
100.0%	100.0% #074D11	RGB 7 77 17	#074D11

#3E5E3F #345B37 #2B582F #225528 #195220 #104F18 #074D11

#3E5E3F - #074D11

Mezcla HSV

#3E5E3F - #074D11 | 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 #3E5E3F como 0% y #074D11 como 100%.

0.0%	0.0% #3E5E3F	RGB 62 94 63	#3E5E3F
16.7%	16.7% #335B35	RGB 51 91 53	#335B35
33.3%	33.3% #29582C	RGB 41 88 44	#29582C
50.0%	50.0% #205524	RGB 32 85 36	#205524
66.7%	66.7% #17521D	RGB 23 82 29	#17521D
83.3%	83.3% #0E4F16	RGB 14 79 22	#0E4F16
100.0%	100.0% #074D11	RGB 7 77 17	#074D11

#3E5E3F #335B35 #29582C #205524 #17521D #0E4F16 #074D11

#3E5E3F - #205524 - #074D11

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5E3F 0%, #205524 50%, #074D11 100%);
    background: -webkit-linear-gradient(top, #3E5E3F 0%, #205524 50%, #074D11 100%);
    background: linear-gradient(to bottom, #3E5E3F 0%, #205524 50%, #074D11 100%);
}
</style>