#3E5E5A - #043727 | 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 #3E5E5A a #043727

#3E5E5A #043727

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

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

0.0%	0.0% #3E5E5A	RGB 62 94 90	#3E5E5A
16.7%	16.7% #345751	RGB 52 87 81	#345751
33.3%	33.3% #2A5149	RGB 42 81 73	#2A5149
50.0%	50.0% #214A40	RGB 33 74 64	#214A40
66.7%	66.7% #174438	RGB 23 68 56	#174438
83.3%	83.3% #0D3D2F	RGB 13 61 47	#0D3D2F
100.0%	100.0% #043727	RGB 4 55 39	#043727

#3E5E5A #345751 #2A5149 #214A40 #174438 #0D3D2F #043727

#3E5E5A - #043727

Mezcla HSV

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

0.0%	0.0% #3E5E5A	RGB 62 94 90	#3E5E5A
16.7%	16.7% #315751	RGB 49 87 81	#315751
33.3%	33.3% #255148	RGB 37 81 72	#255148
50.0%	50.0% #1B4A40	RGB 27 74 64	#1B4A40
66.7%	66.7% #124437	RGB 18 68 55	#124437
83.3%	83.3% #0A3D2F	RGB 10 61 47	#0A3D2F
100.0%	100.0% #043727	RGB 4 55 39	#043727

#3E5E5A #315751 #255148 #1B4A40 #124437 #0A3D2F #043727

#3E5E5A - #1B4A40 - #043727

Códigos CSS

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

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