#3E5E5E - #053D50 | 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 #3E5E5E a #053D50

#3E5E5E #053D50

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

#3E5E5E - #053D50 | 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 #3E5E5E como 0% y #053D50 como 100%.

0.0%	0.0% #3E5E5E	RGB 62 94 94	#3E5E5E
16.7%	16.7% #34585B	RGB 52 88 91	#34585B
33.3%	33.3% #2B5359	RGB 43 83 89	#2B5359
50.0%	50.0% #214D57	RGB 33 77 87	#214D57
66.7%	66.7% #184854	RGB 24 72 84	#184854
83.3%	83.3% #0E4252	RGB 14 66 82	#0E4252
100.0%	100.0% #053D50	RGB 5 61 80	#053D50

#3E5E5E #34585B #2B5359 #214D57 #184854 #0E4252 #053D50

#3E5E5E - #053D50

Mezcla HSV

#3E5E5E - #053D50 | 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 #3E5E5E como 0% y #053D50 como 100%.

0.0%	0.0% #3E5E5E	RGB 62 94 94	#3E5E5E
16.7%	16.7% #33595B	RGB 51 89 91	#33595B
33.3%	33.3% #295559	RGB 41 85 89	#295559
50.0%	50.0% #1F4F57	RGB 31 79 87	#1F4F57
66.7%	66.7% #164A54	RGB 22 74 84	#164A54
83.3%	83.3% #0D4352	RGB 13 67 82	#0D4352
100.0%	100.0% #053D50	RGB 5 61 80	#053D50

#3E5E5E #33595B #295559 #1F4F57 #164A54 #0D4352 #053D50

#3E5E5E - #1F4F57 - #053D50

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5E5E 0%, #1F4F57 50%, #053D50 100%);
    background: -webkit-linear-gradient(top, #3E5E5E 0%, #1F4F57 50%, #053D50 100%);
    background: linear-gradient(to bottom, #3E5E5E 0%, #1F4F57 50%, #053D50 100%);
}
</style>