#3E5E40 - #05501B | 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 #3E5E40 a #05501B

#3E5E40 #05501B

Calcule el color entre dos colores, #3E5E40 y #05501B. 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)

#3E5E40 - #05501B | 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 #3E5E40 como 0% y #05501B como 100%.

0.0%	0.0% #3E5E40	RGB 62 94 64	#3E5E40
16.7%	16.7% #345B39	RGB 52 91 57	#345B39
33.3%	33.3% #2B5933	RGB 43 89 51	#2B5933
50.0%	50.0% #21572D	RGB 33 87 45	#21572D
66.7%	66.7% #185427	RGB 24 84 39	#185427
83.3%	83.3% #0E5221	RGB 14 82 33	#0E5221
100.0%	100.0% #05501B	RGB 5 80 27	#05501B

#3E5E40 #345B39 #2B5933 #21572D #185427 #0E5221 #05501B

#3E5E40 - #05501B

Mezcla HSV

#3E5E40 - #05501B | 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 #3E5E40 como 0% y #05501B como 100%.

0.0%	0.0% #3E5E40	RGB 62 94 64	#3E5E40
16.7%	16.7% #335B37	RGB 51 91 55	#335B37
33.3%	33.3% #29592F	RGB 41 89 47	#29592F
50.0%	50.0% #1F5729	RGB 31 87 41	#1F5729
66.7%	66.7% #165423	RGB 22 84 35	#165423
83.3%	83.3% #0D521E	RGB 13 82 30	#0D521E
100.0%	100.0% #05501B	RGB 5 80 27	#05501B

#3E5E40 #335B37 #29592F #1F5729 #165423 #0D521E #05501B

#3E5E40 - #1F5729 - #05501B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5E40 0%, #1F5729 50%, #05501B 100%);
    background: -webkit-linear-gradient(top, #3E5E40 0%, #1F5729 50%, #05501B 100%);
    background: linear-gradient(to bottom, #3E5E40 0%, #1F5729 50%, #05501B 100%);
}
</style>