#3E5E5D - #043C39 | 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 #3E5E5D a #043C39

#3E5E5D #043C39

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

#3E5E5D - #043C39 | 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 #3E5E5D como 0% y #043C39 como 100%.

0.0%	0.0% #3E5E5D	RGB 62 94 93	#3E5E5D
16.7%	16.7% #345857	RGB 52 88 87	#345857
33.3%	33.3% #2A5251	RGB 42 82 81	#2A5251
50.0%	50.0% #214D4B	RGB 33 77 75	#214D4B
66.7%	66.7% #174745	RGB 23 71 69	#174745
83.3%	83.3% #0D413F	RGB 13 65 63	#0D413F
100.0%	100.0% #043C39	RGB 4 60 57	#043C39

#3E5E5D #345857 #2A5251 #214D4B #174745 #0D413F #043C39

#3E5E5D - #043C39

Mezcla HSV

#3E5E5D - #043C39 | 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 #3E5E5D como 0% y #043C39 como 100%.

0.0%	0.0% #3E5E5D	RGB 62 94 93	#3E5E5D
16.7%	16.7% #315856	RGB 49 88 86	#315856
33.3%	33.3% #265250	RGB 38 82 80	#265250
50.0%	50.0% #1B4D4A	RGB 27 77 74	#1B4D4A
66.7%	66.7% #124744	RGB 18 71 68	#124744
83.3%	83.3% #0A413E	RGB 10 65 62	#0A413E
100.0%	100.0% #043C39	RGB 4 60 57	#043C39

#3E5E5D #315856 #265250 #1B4D4A #124744 #0A413E #043C39

#3E5E5D - #1B4D4A - #043C39

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5E5D 0%, #1B4D4A 50%, #043C39 100%);
    background: -webkit-linear-gradient(top, #3E5E5D 0%, #1B4D4A 50%, #043C39 100%);
    background: linear-gradient(to bottom, #3E5E5D 0%, #1B4D4A 50%, #043C39 100%);
}
</style>