#1E3C3C - #518060 | 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 #1E3C3C a #518060

#1E3C3C #518060

Calcule el color entre dos colores, #1E3C3C y #518060. 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)

#1E3C3C - #518060 | 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 #1E3C3C como 0% y #518060 como 100%.

0.0%	0.0% #1E3C3C	RGB 30 60 60	#1E3C3C
16.7%	16.7% #264742	RGB 38 71 66	#264742
33.3%	33.3% #2F5248	RGB 47 82 72	#2F5248
50.0%	50.0% #375E4E	RGB 55 94 78	#375E4E
66.7%	66.7% #406954	RGB 64 105 84	#406954
83.3%	83.3% #48745A	RGB 72 116 90	#48745A
100.0%	100.0% #518060	RGB 81 128 96	#518060

#1E3C3C #264742 #2F5248 #375E4E #406954 #48745A #518060

#1E3C3C - #518060

Mezcla HSV

#1E3C3C - #518060 | 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 #1E3C3C como 0% y #518060 como 100%.

0.0%	0.0% #1E3C3C	RGB 30 60 60	#1E3C3C
16.7%	16.7% #254743	RGB 37 71 67	#254743
33.3%	33.3% #2C524A	RGB 44 82 74	#2C524A
50.0%	50.0% #355E50	RGB 53 94 80	#355E50
66.7%	66.7% #3D6955	RGB 61 105 85	#3D6955
83.3%	83.3% #47745A	RGB 71 116 90	#47745A
100.0%	100.0% #518060	RGB 81 128 96	#518060

#1E3C3C #254743 #2C524A #355E50 #3D6955 #47745A #518060

#1E3C3C - #355E50 - #518060

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1E3C3C 0%, #355E50 50%, #518060 100%);
    background: -webkit-linear-gradient(top, #1E3C3C 0%, #355E50 50%, #518060 100%);
    background: linear-gradient(to bottom, #1E3C3C 0%, #355E50 50%, #518060 100%);
}
</style>