#3E5E3E - #171915 | 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 #171915

#3E5E3E #171915

Calcule el color entre dos colores, #3E5E3E y #171915. 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 - #171915 | 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 #171915 como 100%.

0.0%	0.0% #3E5E3E	RGB 62 94 62	#3E5E3E
16.7%	16.7% #375237	RGB 55 82 55	#375237
33.3%	33.3% #314730	RGB 49 71 48	#314730
50.0%	50.0% #2A3B29	RGB 42 59 41	#2A3B29
66.7%	66.7% #243022	RGB 36 48 34	#243022
83.3%	83.3% #1D241B	RGB 29 36 27	#1D241B
100.0%	100.0% #171915	RGB 23 25 21	#171915

#3E5E3E #375237 #314730 #2A3B29 #243022 #1D241B #171915

#3E5E3E - #171915

Mezcla HSV

#3E5E3E - #171915 | 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 #171915 como 100%.

0.0%	0.0% #3E5E3E	RGB 62 94 62	#3E5E3E
16.7%	16.7% #3B5238	RGB 59 82 56	#3B5238
33.3%	33.3% #364733	RGB 54 71 51	#364733
50.0%	50.0% #303B2C	RGB 48 59 44	#303B2C
66.7%	66.7% #283025	RGB 40 48 37	#283025
83.3%	83.3% #20241D	RGB 32 36 29	#20241D
100.0%	100.0% #171915	RGB 23 25 21	#171915

#3E5E3E #3B5238 #364733 #303B2C #283025 #20241D #171915

#3E5E3E - #303B2C - #171915

Códigos CSS

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

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