#112715 - #3C5E3C | 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 #112715 a #3C5E3C

#112715 #3C5E3C

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

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

0.0%	0.0% #112715	RGB 17 39 21	#112715
16.7%	16.7% #18301B	RGB 24 48 27	#18301B
33.3%	33.3% #1F3922	RGB 31 57 34	#1F3922
50.0%	50.0% #264228	RGB 38 66 40	#264228
66.7%	66.7% #2D4B2F	RGB 45 75 47	#2D4B2F
83.3%	83.3% #345435	RGB 52 84 53	#345435
100.0%	100.0% #3C5E3C	RGB 60 94 60	#3C5E3C

#112715 #18301B #1F3922 #264228 #2D4B2F #345435 #3C5E3C

#112715 - #3C5E3C

Mezcla HSV

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

0.0%	0.0% #112715	RGB 17 39 21	#112715
16.7%	16.7% #16301A	RGB 22 48 26	#16301A
33.3%	33.3% #1C3920	RGB 28 57 32	#1C3920
50.0%	50.0% #234226	RGB 35 66 38	#234226
66.7%	66.7% #2B4B2D	RGB 43 75 45	#2B4B2D
83.3%	83.3% #335434	RGB 51 84 52	#335434
100.0%	100.0% #3C5E3C	RGB 60 94 60	#3C5E3C

#112715 #16301A #1C3920 #234226 #2B4B2D #335434 #3C5E3C

#112715 - #234226 - #3C5E3C

Códigos CSS

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

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